/*
* LittleLink Button Styles - Modern Redesign
* https://littlelink.io
* Free to use under the MIT license
*/

/* Brand Button Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button {
  color: var(--button-text, #000000);
  background-color: var(--button-background, transparent);
  border: var(--button-border, none);
  transition: transform 200ms ease, box-shadow 200ms ease, filter 200ms ease;
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover, button:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.button:active, button:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Button Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icon {
  filter: var(--icon-filter, none);
}

/* Brand-Specific Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Default - Gradient */
.button.button-default {
  --button-text: #ffffff;
  background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #14b8a6 100%);
  box-shadow: 0 4px 20px rgba(14, 165, 233, 0.25);
  --icon-filter: brightness(0) invert(1);
}

.button.button-default:hover {
  box-shadow: 0 8px 30px rgba(14, 165, 233, 0.4);
}

/* Amazon */
.button-amazon {
  --button-text: #000000;
  --button-background: #FFFFFF;
  --button-border: 1px solid #e2e8f0;
}

/* Amazon Music */
.button-amazon-music {
  --button-text: #000000;
  --button-background: #25D1DA;
}

/* Apple App Store */
.button-appstore {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Apple Invites */
.button-invites {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Apple Music */
.button-apple-music {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Apple Music Alt */
.button-apple-music-alt {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #FB5C74, #FA233B);
}

/* Apple Podcasts */
.button-apple-podcasts {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Apple Podcasts Alt */
.button-apple-podcasts-alt {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #F452FF, #832BC1);
}

/* Bandcamp */
.button-bandcamp {
  --button-text: #ffffff;
  --button-background: #1d9fc3;
}

/* Behance */
.button-behance {
  --button-text: #ffffff;
  --button-background: #0057FF;
}

/* Bluesky */
.button-bluesky {
  --button-text: #FFFFFF;
  --button-background: #1185FE;
}

/* Bluesky Alt */
.button-bluesky-alt {
  --button-text: #000000;
  --button-background: #FFFFFF;
  --button-border: 1px solid #e2e8f0;
}

/* Buy Me a Coffee */
.button-coffee {
  --button-text: #000000;
  --button-background: #ffdd00;
}

/* Cal.com */
.button-cal {
  --button-text: #FFFFFF;
  --button-background: #292929;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Calendly */
.button-calendly {
  --button-text: #FFFFFF;
  --button-background: #006BFF;
}

/* Cash App */
.button-cash-app {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #00d64b, #00c244);
}

/* dev.to */
.button-dev-to {
  --button-text: #000000;
  --button-background: #f5f5f5;
  --button-border: 1px solid #e2e8f0;
}

/* Discogs */
.button-discogs {
  --button-text: #000000;
  --button-background: #FFFFFF;
  --button-border: 1px solid #e2e8f0;
}

/* Discogs Alt */
.button-discogs-alt {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Discord */
.button-discord {
  --button-text: #ffffff;
  --button-background: #5865F2;
}

/* Dribbble */
.button-dribbble {
  --button-text: #000000;
  --button-background: #FFFFFF;
  --button-border: 1px solid #e2e8f0;
}

/* Etsy */
.button-etsy {
  --button-text: #ffffff;
  --button-background: #F45800;
}

/* Facebook */
.button-faceb {
  --button-text: #ffffff;
  --button-background: #0866FF;
}

/* Facebook Messenger */
.button-messenger {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #00B2FF, #006AFF);
}

/* Figma */
.button-figma {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Fiverr */
.button-fiverr {
  --button-text: #ffffff;
  --button-background: #1DBF73;
}

/* Flickr */
.button-flickr {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* GitHub */
.button-github {
  --button-text: #ffffff;
  --button-background: #24292f;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* GitLab */
.button-gitlab {
  --button-text: #ffffff;
  --button-background: #6151b2;
}

/* GoFundMe */
.button-gofundme {
  --button-text: #ffffff;
  --button-background: #02A95C;
}

/* Goodreads */
.button-goodreads {
  --button-text: #333333;
  --button-background: #f3f1e6;
  --button-border: 1px solid #e2e8f0;
}

/* Google Black */
.button-google-black {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Google Play Store */
.button-playstore {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Google Scholar */
.button-google-scholar {
  --button-text: #000000;
  --button-background: #FFFFFF;
  --button-border: 1px solid #e2e8f0;
}

/* Hashnode */
.button-hashnode {
  --button-text: #000000;
  --button-background: #ffffff;
  --button-border: 1px solid #e2e8f0;
}

/* Instagram */
.button-instagram {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #833AB4, #E1306C, #F77737);
}

/* Kick */
.button-kick {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Kick Alt */
.button-kick-alt {
  --button-text: #000000;
  --button-background: #01e701;
}

/* Kickstarter */
.button-kickstarter {
  --button-text: #ffffff;
  --button-background: #05ce78;
}

/* Kit */
.button-kit {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Ko-fi */
.button-ko-fi {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Last.fm */
.button-last-fm {
  --button-text: #ffffff;
  --button-background: #D51007;
}

/* Letterboxd */
.button-letterboxd {
  --button-text: #ffffff;
  --button-background: #2c3440;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Line */
.button-line {
  --button-text: #FFFFFF;
  --button-background: #06C755;
}

/* LinkedIn */
.button-linked {
  --button-text: #ffffff;
  --button-background: #0A66C2;
}

/* Mailchimp */
.button-mailchimp {
  --button-text: #000000;
  --button-background: #FFE01B;
}

/* Mastodon */
.button-mastodon {
  --button-text: #ffffff;
  --button-background: #6364FF;
}

/* Matrix */
.button-matrix {
  --button-text: #000000;
  --button-background: #ffffff;
  --button-border: 1px solid #e2e8f0;
}

/* Meetup */
.button-meetup {
  --button-text: #000000;
  --button-background: #ffffff;
  --button-border: 1px solid #e2e8f0;
}

/* Meetup Alt */
.button-meetup-alt {
  --button-text: #ffffff;
  --button-background: #ED1C40;
}

/* Medium */
.button-medium {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Microsoft */
.button-microsoft {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Notion */
.button-notion {
  --button-text: #000000;
  --button-background: #ffffff;
  --button-border: 1px solid #e2e8f0;
}

/* Obsidian */
.button.button-obsidian {
  --button-text: #ffffff;
  --button-background: #7C3AED;
}

/* OnlyFans */
.button-onlyfans {
  --button-text: #ffffff;
  --button-background: #00AEEF;
}

/* Patreon */
.button-patreon {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* PayPal */
.button-paypal {
  --button-text: #ffffff;
  --button-background: #003087;
}

/* Pinterest */
.button-pinterest {
  --button-text: #ffffff;
  --button-background: #E60023;
}

/* Product Hunt */
.button-product-hunt {
  --button-text: #ffffff;
  --button-background: #DA552F;
}

/* Reddit */
.button-reddit {
  --button-text: #FFFFFF;
  --button-background: #FF4500;
}

/* Shop */
.button-shop {
  --button-text: #ffffff;
  --button-background: #5A31F4;
}

/* Signal */
.button-signal {
  --button-text: #ffffff;
  --button-background: #3B45FD;
}

/* Signal Alt */
.button-signal-alt {
  --button-text: #3B45FD;
  --button-background: #E3E8FE;
  --button-border: 1px solid #e2e8f0;
}

/* Slack */
.button-slack {
  --button-text: #000000;
  --button-background: #FFFFFF;
  --button-border: 1px solid #e2e8f0;
}

/* Snapchat */
.button-snapchat {
  --button-text: #000000;
  --button-background: #fffc00;
}

/* SoundCloud */
.button-soundcloud {
  --button-text: #ffffff;
  --button-background: #ff5500;
}

/* Spotify */
.button-spotify {
  --button-text: #000000;
  --button-background: #1DB954;
}

/* Spotify Alt */
.button-spotify-alt {
  --button-text: #FFFFFF;
  --button-background: #191414;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Square */
.button-square {
  --button-text: #FFFFFF;
  --button-background: #006AFF;
}

/* Stack Overflow */
.button-stack-overflow {
  --button-text: #ffffff;
  --button-background: #F48024;
}

/* Steam */
.button-steam {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #1b2838, #2a475e);
}

/* Steam Alt */
.button-steam-alt {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #08BBFF, #2B75FF);
}

/* Strava */
.button-strava {
  --button-text: #ffffff;
  --button-background: #fc5200;
}

/* Substack */
.button-substack {
  --button-text: #ffffff;
  --button-background: #FF6719;
}

/* Telegram */
.button-telegram {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #2AABEE, #229ED9);
}

/* Threads */
.button-threads {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Threema */
.button-threema {
  --button-text: #000000;
  --button-background: #3fe669;
}

/* TikTok */
.button-tiktok {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Trello */
.button-trello {
  --button-text: #ffffff;
  --button-background: #0065ff;
}

/* Tumblr */
.button-tumb {
  --button-text: #ffffff;
  --button-background: #001935;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* Twitch */
.button-twitch {
  --button-text: #ffffff;
  --button-background: #9146ff;
}

/* Unsplash */
.button-unsplash {
  --button-text: #000000;
  --button-background: #ffffff;
  --button-border: 1px solid #e2e8f0;
}

/* Venmo */
.button-venmo {
  --button-text: #ffffff;
  --button-background: #008CFF;
}

/* Vimeo */
.button-vimeo {
  --button-text: #ffffff;
  --button-background: #1ab7ea;
}

/* VSCO */
.button-vsco {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* WhatsApp */
.button-whatsapp {
  --button-text: #ffffff;
  --button-background: #25D366;
}

/* WordPress */
.button-wordpress {
  --button-text: #ffffff;
  --button-background: #21759B;
}

/* X */
.button-x {
  --button-text: #FFFFFF;
  --button-background: #000000;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* YouTube */
.button-yt {
  --button-text: #ffffff;
  --button-background: #282828;
  --button-border: 1px solid rgba(255,255,255,0.2);
}

/* YouTube Alt */
.button-yt-alt {
  --button-text: #ffffff;
  --button-background: #FF0000;
}

/* Zoom */
.button-zoom {
  --button-text: #ffffff;
  --button-background: #0B5CFF;
}

/* ArtStation */
.button-artstation {
  --button-text: #ffffff;
  --button-background: #13AFF0;
}

/* VRChat */
.button-vrchat {
  --button-text: #ffffff;
  --button-background: #0093D3;
}

/* NGL */
.button-ngl {
  --button-text: #ffffff;
  background-image: linear-gradient(135deg, #FF6B6B, #FF8E53);
}


/* Coming Soon Modifier */
.button.button-coming-soon {
  opacity: 0.7;
  cursor: default;
  pointer-events: none;
  position: relative;
}

.button.button-coming-soon::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 10px,
    rgba(255,255,255,0.05) 10px,
    rgba(255,255,255,0.05) 20px
  );
  border-radius: inherit;
}


/* Game Button */
.button-game {
  --button-text: #ffffff;
  --button-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  background: var(--button-background);
  font-weight: 600;
}