/*
* LittleLink Button Styles
* https://littlelink.io
* Free to use under the MIT license
* http://www.opensource.org/licenses/mit-license.php
*/

/* Brand Button Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Only include brand-specific button styling here */
.button,
button {
  color: var(--button-text, #000000);
  background-color: var(--button-background, transparent);
  border: var(--button-border, none);
  transition:
    filter 0.2s ease,
    transform 0.2s ease;
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover,
button:hover {
  filter: brightness(90%);
  transform: translateY(-1px);
}

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

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

/* Default */
.button.button-default {
  --button-text: #ffffff;
  --button-background: #2457f5;
  --button-border: 1px solid #ffffff;
}

/* Bluesky */
.button-bluesky {
  --button-text: #ffffff;
  --button-background: #1185fe;
  --button-border: 1px solid #ffffff;
}

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

/* Discord */
.button-discord {
  --button-text: #ffffff;
  --button-background: #5865f2;
  --button-border: 1px solid #ffffff;
}

/* Instagram */
.button-instagram {
  --button-text: #ffffff;
  background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
}

/* Ko-fi */
.button-ko-fi {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid #ffffff;
}

/* Patreon */
.button-patreon {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid #ffffff;
}

/* PayPal */
.button-paypal {
  --button-text: #ffffff;
  --button-background: #002991;
  --button-border: 1px solid #ffffff;
}

/* TikTok */
.button-tiktok {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid #ffffff;
}

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

/* X */
.button-x {
  --button-text: #ffffff;
  --button-background: #000000;
  --button-border: 1px solid #ffffff;
}

/* YouTube */
.button-yt {
  --button-text: #ffffff;
  --button-background: #282828;
  --button-border: 1px solid #ffffff;
}

/* YouTube Alt */
.button-yt-alt {
  --button-text: #ffffff;
  --button-background: #ff0000;
  --button-border: 1px solid #ffffff;
}