/* =============================================================
   DARK VELOCITY — Brand button tints
   All rendered as dark glass cards with brand-accent borders.
   Targets both legacy .li-button-* and modern .button-* classes.
   ============================================================= */

/* ── Generic LinkStack button-types (these are the most common) ── */
.button-custom_website,
.button-website,
.button-link        { background: rgba(99, 130, 255, 0.10) !important; border-color: rgba(99, 130, 255, 0.22) !important; }
.button-custom_email,
.button-email       { background: rgba(99, 130, 255, 0.13) !important; border-color: rgba(99, 130, 255, 0.26) !important; }
.button-custom_phone,
.button-phone       { background: rgba(37, 211, 102, 0.13) !important; border-color: rgba(37, 211, 102, 0.24) !important; }
.button-paypal      { background: rgba(0, 48, 135, 0.28) !important;   border-color: rgba(0, 112, 224, 0.32) !important; }
.button-buymeacoffee,
.button-buy_me_a_coffee { background: rgba(255, 216, 0, 0.10) !important; border-color: rgba(255, 216, 0, 0.20) !important; }
.button-instagram   { background: linear-gradient(135deg, rgba(131,58,180,.20) 0%, rgba(253,29,29,.20) 50%, rgba(252,176,69,.20) 100%) !important; border-color: rgba(253,100,100,.26) !important; }
.button-facebook    { background: rgba(24, 119, 242, 0.18) !important; border-color: rgba(24, 119, 242, 0.30) !important; }
.button-twitter,
.button-x           { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
.button-youtube     { background: rgba(255, 0, 0, 0.18) !important;    border-color: rgba(255, 0, 0, 0.30) !important; }
.button-linkedin    { background: rgba(10, 102, 194, 0.20) !important; border-color: rgba(10, 102, 194, 0.35) !important; }
.button-github      { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
.button-telegram    { background: rgba(42, 171, 238, 0.18) !important; border-color: rgba(42, 171, 238, 0.30) !important; }
.button-whatsapp    { background: rgba(37, 211, 102, 0.15) !important; border-color: rgba(37, 211, 102, 0.28) !important; }
.button-spotify     { background: rgba(30, 215, 96, 0.15) !important;  border-color: rgba(30, 215, 96, 0.28) !important; }
.button-tiktok      { background: rgba(255, 0, 80, 0.12) !important;   border-color: rgba(255, 0, 80, 0.22) !important; }
.button-discord     { background: rgba(88, 101, 242, 0.20) !important; border-color: rgba(88, 101, 242, 0.32) !important; }
.button-twitch      { background: rgba(145, 70, 255, 0.20) !important; border-color: rgba(145, 70, 255, 0.32) !important; }
.button-calendly,
.button-calendar    { background: rgba(0, 106, 255, 0.18) !important;  border-color: rgba(0, 106, 255, 0.28) !important; }

/* Legacy LittleLink classes — same colors, prefixed differently */

/* ── Social & messaging ── */
.li-button-instagram  { background: linear-gradient(135deg, rgba(131,58,180,.22) 0%, rgba(253,29,29,.22) 50%, rgba(252,176,69,.22) 100%) !important; border-color: rgba(253,100,100,.28) !important; }
.li-button-facebook   { background: rgba(24,119,242,.18) !important;  border-color: rgba(24,119,242,.30) !important; }
.li-button-twitter    { background: rgba(29,161,242,.18) !important;  border-color: rgba(29,161,242,.28) !important; }
.li-button-x          { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.14) !important; }
.li-button-threads    { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; }
.li-button-mastodon   { background: rgba(99,100,255,.18) !important;  border-color: rgba(99,100,255,.30) !important; }
.li-button-bluesky    { background: rgba(0,133,255,.18) !important;   border-color: rgba(0,133,255,.30) !important; }
.li-button-telegram   { background: rgba(42,171,238,.18) !important;  border-color: rgba(42,171,238,.30) !important; }
.li-button-whatsapp   { background: rgba(37,211,102,.15) !important;  border-color: rgba(37,211,102,.28) !important; }
.li-button-signal     { background: rgba(61,131,97,.18) !important;   border-color: rgba(61,131,97,.30) !important; }
.li-button-discord    { background: rgba(88,101,242,.20) !important;  border-color: rgba(88,101,242,.32) !important; }
.li-button-slack      { background: rgba(74,21,75,.20) !important;    border-color: rgba(224,30,90,.28) !important; }
.li-button-snapchat   { background: rgba(255,252,0,.12) !important;   border-color: rgba(255,252,0,.22) !important; }
.li-button-reddit     { background: rgba(255,69,0,.18) !important;    border-color: rgba(255,69,0,.30) !important; }
.li-button-wechat     { background: rgba(9,187,7,.15) !important;     border-color: rgba(9,187,7,.26) !important; }
.li-button-line       { background: rgba(0,195,0,.15) !important;     border-color: rgba(0,195,0,.26) !important; }
.li-button-viber      { background: rgba(122,59,122,.18) !important;  border-color: rgba(122,59,122,.30) !important; }

/* ── Video & streaming ── */
.li-button-youtube    { background: rgba(255,0,0,.18) !important;     border-color: rgba(255,0,0,.30) !important; }
.li-button-twitch     { background: rgba(145,70,255,.20) !important;  border-color: rgba(145,70,255,.32) !important; }
.li-button-tiktok     { background: rgba(255,0,80,.12) !important;    border-color: rgba(255,0,80,.22) !important; }
.li-button-vimeo      { background: rgba(26,183,234,.18) !important;  border-color: rgba(26,183,234,.28) !important; }
.li-button-rumble     { background: rgba(133,216,69,.15) !important;  border-color: rgba(133,216,69,.25) !important; }
.li-button-odysee     { background: rgba(239,26,31,.18) !important;   border-color: rgba(239,26,31,.28) !important; }

/* ── Music & audio ── */
.li-button-spotify    { background: rgba(30,215,96,.15) !important;   border-color: rgba(30,215,96,.28) !important; }
.li-button-apple-music{ background: rgba(252,60,68,.18) !important;   border-color: rgba(252,60,68,.28) !important; }
.li-button-soundcloud { background: rgba(255,85,0,.18) !important;    border-color: rgba(255,85,0,.28) !important; }
.li-button-bandcamp   { background: rgba(29,143,181,.18) !important;  border-color: rgba(29,143,181,.28) !important; }
.li-button-deezer     { background: rgba(255,0,144,.15) !important;   border-color: rgba(255,0,144,.25) !important; }
.li-button-tidal      { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.14) !important; }
.li-button-audius     { background: rgba(204,0,255,.18) !important;   border-color: rgba(204,0,255,.28) !important; }
.li-button-audiomack  { background: rgba(255,170,0,.18) !important;   border-color: rgba(255,170,0,.28) !important; }

/* ── Professional & dev ── */
.li-button-linkedin   { background: rgba(10,102,194,.20) !important;  border-color: rgba(10,102,194,.35) !important; }
.li-button-github     { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.14) !important; }
.li-button-gitlab     { background: rgba(252,109,38,.18) !important;  border-color: rgba(252,109,38,.28) !important; }
.li-button-stackoverflow { background: rgba(244,128,36,.18) !important; border-color: rgba(244,128,36,.28) !important; }
.li-button-devto      { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; }
.li-button-dribbble   { background: rgba(234,76,137,.18) !important;  border-color: rgba(234,76,137,.28) !important; }
.li-button-behance    { background: rgba(23,105,255,.18) !important;  border-color: rgba(23,105,255,.28) !important; }
.li-button-producthunt{ background: rgba(218,87,51,.18) !important;   border-color: rgba(218,87,51,.28) !important; }
.li-button-medium     { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; }
.li-button-substack   { background: rgba(255,102,0,.18) !important;   border-color: rgba(255,102,0,.28) !important; }
.li-button-hashnode   { background: rgba(36,99,235,.18) !important;   border-color: rgba(36,99,235,.28) !important; }

/* ── E-commerce & support ── */
.li-button-paypal     { background: rgba(0,48,135,.28) !important;    border-color: rgba(0,112,224,.32) !important; }
.li-button-ko-fi      { background: rgba(255,91,73,.18) !important;   border-color: rgba(255,91,73,.28) !important; }
.li-button-patreon    { background: rgba(255,66,77,.18) !important;   border-color: rgba(255,66,77,.28) !important; }
.li-button-buymeacoffee { background: rgba(255,216,0,.12) !important; border-color: rgba(255,216,0,.22) !important; }
.li-button-gofundme   { background: rgba(0,178,72,.18) !important;    border-color: rgba(0,178,72,.28) !important; }
.li-button-etsy       { background: rgba(247,112,53,.18) !important;  border-color: rgba(247,112,53,.28) !important; }
.li-button-shopify    { background: rgba(149,191,71,.18) !important;  border-color: rgba(149,191,71,.28) !important; }
.li-button-amazon     { background: rgba(255,153,0,.18) !important;   border-color: rgba(255,153,0,.28) !important; }

/* ── Creators & portfolios ── */
.li-button-pinterest  { background: rgba(230,0,35,.18) !important;    border-color: rgba(230,0,35,.28) !important; }
.li-button-tumblr     { background: rgba(55,69,92,.22) !important;    border-color: rgba(55,69,92,.35) !important; }
.li-button-flickr     { background: rgba(255,0,132,.18) !important;   border-color: rgba(255,0,132,.28) !important; }
.li-button-500px      { background: rgba(0,153,255,.18) !important;   border-color: rgba(0,153,255,.28) !important; }
.li-button-vsco       { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.14) !important; }
.li-button-unsplash   { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.14) !important; }

/* ── Other platforms ── */
.li-button-onlyfans   { background: rgba(0,174,239,.18) !important;   border-color: rgba(0,174,239,.28) !important; }
.li-button-clubhouse  { background: rgba(240,225,209,.12) !important; border-color: rgba(240,225,209,.20) !important; }
.li-button-calendly   { background: rgba(0,106,255,.18) !important;   border-color: rgba(0,106,255,.28) !important; }
.li-button-zoom       { background: rgba(45,140,255,.18) !important;  border-color: rgba(45,140,255,.28) !important; }
.li-button-notion     { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.14) !important; }
.li-button-linktree   { background: rgba(67,216,133,.15) !important;  border-color: rgba(67,216,133,.25) !important; }
.li-button-email      { background: rgba(99,130,255,.15) !important;  border-color: rgba(99,130,255,.26) !important; }
.li-button-phone      { background: rgba(37,211,102,.13) !important;  border-color: rgba(37,211,102,.24) !important; }
.li-button-website,
.li-button-custom     { background: rgba(99,130,255,.10) !important;  border-color: rgba(99,130,255,.20) !important; }