/*
* 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
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button, button {
    color: var(--button-text, #000000);
    background-color: var(--button-background, transparent);
    border: var(--button-border, none);
    transition: filter 0.25s ease, transform 0.25s ease-out;
    background: var(--button-background);
    border-radius: 1rem;
    backdrop-filter: blur(10px);
    border: 1px solid var(--button-border, rgba(255, 255, 255, 0.2));
    line-height: 1.3;
    box-shadow:
            0 8px 24px rgba(0, 0, 0, 0.3),
            inset 0 1px 0 var(--rimLight, rgba(75, 75, 76, 0.51));
    font-weight: 500;
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover, button:hover {
    filter: brightness(90%);
    transform: scale(110%);
}

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

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

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

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

/* 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 #FFFFFF;
}

/* Apple Invites */
.button-invites {
    --button-text: #FFFFFF;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

/* Apple Music */
.button-apple-music {
    --button-text: #ffffff;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

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

/* Apple Podcasts */
.button-apple-podcasts {
    --button-text: #ffffff;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

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

/* Artstation */
.button-artstation {
    --button-text: #ffffff;
    --button-background: rgba(21, 21, 21, 0.68);
    --button-border: rgba(97, 97, 97, 0.25);
    --rimLight: rgba(146, 146, 146, 0.25);
}

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

/* Behance */
.button-behance {
    --button-text: #ffffff;
    --button-background: #0057FF;
    --button-border: 1px solid #FFFFFF;
}

/* Bluesky */
.button-bluesky {
    --button-text: #FFFFFF;
    --button-background: rgba(17, 133, 254, 0.57);
    --rimLight: rgba(170, 207, 241, 0.25);
    --button-border: rgba(114, 153, 189, 0.25);
}

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

/* 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 #FFFFFF;
}

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

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

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

/* Cydonia */
.button-cydonia {
    --button-text: #ffffff;
    --button-background: rgba(7, 7, 7, 0.4);
    --button-border: rgba(94, 94, 94, 0.25);
    --rimLight: rgba(146, 146, 146, 0.25);
}

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

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

/* Discord */
.button-discord {
    --button-text: #ffffff;
    --button-background: rgba(88, 101, 242, 0.42);
    --button-border: rgba(106, 117, 210, 0.42);
    --rimLight: rgba(162, 169, 231, 0.44);
}

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

/* 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;
    --button-background: #0866FF;
}

/* Figma */
.button-figma {
    --button-text: #ffffff;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

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

/* Flickr */
.button-flickr {
    --button-text: #ffffff;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

/* GitHub */
.button-github {
    --button-text: #ffffff;
    --button-background: rgba(24, 24, 24, 0.62);
    --button-border: rgba(97, 97, 97, 0.25);
    --rimLight: rgba(146, 146, 146, 0.25);
}

/* 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 #212121;
}

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

/* Google Play Store */
.button-playstore {
    --button-text: #FFFFFF;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

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

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

/* Instagram */
.button-instagram {
    --button-text: #ffffff;
    /*background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);*/
    --button-background: rgba(255, 23, 120, 0.63);
    --button-border: rgba(255, 107, 194, 0.4);
    --rimLight: rgba(255, 156, 211, 0.46);
}

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

/* 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 #FFFFFF;
}

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

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

/* Letterboxd */
.button-letterboxd {
    --button-text: #ffffff;
    --button-background: #2c3440;
    --button-border: 1px solid #FFFFFF;
}

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

/* LinkedIn */
.button-linked {
    --button-text: #ffffff;
    --button-background: #2867b2;
}

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

/* Mastodon */
.button-mastodon {
    --button-text: #ffffff;
    --button-background: #17063B;
    --button-border: 1px solid #FFFFFF;
}

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

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

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

/* Medium */
.button-medium {
    --button-text: #ffffff;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

/* Microsoft */
.button-microsoft {
    --button-text: #ffffff;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

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

/* nstar */
.button-nstar {
    --button-text: #ffffff;
    --button-background: rgba(4, 25, 43, 0.68);
    --button-border: rgba(63, 74, 104, 0.42);
    --rimLight: rgba(94, 111, 139, 0.51);
}

/* Obsidian */
.button.button-obsidian {
    --button-text: #ffffff;
    --button-background: #262626;
    --button-border: 1px solid #ffffff;
}

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

/* 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;
}

/* Pinterest */
.button-pinterest {
    --button-text: #000000;
    --button-background: #ffffff;
    --button-border: 1px solid #212121;
}

/* Product Hunt */
.button-product-hunt {
    --button-text: #000000;
    --button-background: #ffffff;
    --button-border: 1px solid #212121;
}

/* 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 #000000;
}

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

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

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

/* Spotify */
.button-spotify {
    --button-text: #191414;
    --button-background: #1db954;
}

/* Spotify Alt */
.button-spotify-alt {
    --button-text: #FFFFFF;
    --button-background: #191414;
    --button-border: 1px solid #FFFFFF;
}

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

/* Stack Overflow */
.button-stack-overflow {
    --button-text: #000000;
    --button-background: #FFFFFF;
    --button-border: 1px solid #000000;
}

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

/* Steam Alt */
.button-steam-alt {
    --button-text: #ffffff;
    background-image: linear-gradient(90deg, #09172a, #072a57, #0c5085);
    --button-border: 1px solid #FFFFFF;
}

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

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

/* Telegram */
.button-telegram {
    --button-text: #ffffff;
    --button-background: #3faee8;
}

/* Threads */
.button-threads {
    --button-text: #FFFFFF;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

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

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

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

/* Tumblr */
.button-tumb {
    --button-text: #ffffff;
    --button-background: #131313;
    --button-border: 1px solid #FFFFFF;
}

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

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

/* 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 #FFFFFF;
}

/* WhatsApp */
.button-whatsapp {
    --button-text: #ffffff;
    --button-background: #455a64;
}

/* WordPress */
.button-wordpress {
    --button-text: #ffffff;
    --button-background: #3858E9;
}

/* 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;
}

/* Zoom */
.button-zoom {
    --button-text: #ffffff;
    --button-background: #0B5CFF;
    --button-border: 1px solid #FFFFFF;
}