/* * LittleLink Extended 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 –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* 500px */ .button-500px { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* Alpha Universe */ .button-alphauniverse { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* AniList */ .button-anilist { --button-text:#FFFFFF; --button-background:#2B2D42; --button-border:1px solid #FFFFFF; } /* Audiomack */ .button-audiomack { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* Bandsintown */ .button-bandsintown { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* BeReal */ .button-bereal { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* Big Cartel */ .button-bigcartel { --button-text:#FFFFFF; --button-background:#222222; --button-border:1px solid #FFFFFF; } /* Bonfire */ .button-bonfire { --button-text:#FFFFFF; --button-background:#F49979; --button-border:1px solid #3D4853; } /* Cameo */ .button-cameo { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* Clubhouse */ .button-clubhouse { --button-text:#1F1F1A; --button-background:#F1EFE3; --button-border:1px solid #212121; } /* Codepen */ .button-codepen { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* Deezer */ .button-deezer { --button-text:#FFFFFF; --button-background:#181818; --button-border:1px solid #FFFFFF; } /* Devpost */ .button-devpost { --button-text:#FFFFFF; --button-background:#003E54; --button-border:1px solid #FFFFFF; } /* Distiller */ .button-dist { --button-text:#FFFFFF; --button-background:#ED5C47; } /* Filmweb */ .button-filmweb { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* GOG */ .button-gog { --button-text:#FFFFFF; --button-background:#303030; --button-border:1px solid #FFFFFF; } /* Guilded */ .button-guilded { --button-text:#000000; --button-background:#F5C400; } /* Gumroad */ .button-gumroad { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* HackerEarth */ .button-hackerearth { --button-text:#FFFFFF; --button-background:#2B3352; } /* HackerRank */ .button-hackerrank { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* itch.io */ .button-itchio { --button-text:#FFFFFF; --button-background:#FA5C5C; } /* Layers */ .button-layers { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* LeetCode */ .button-leetcode { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* Lemmy */ .button-lemmy { --button-text:#FFFFFF; --button-background:#14854F; } /* ListenBrainz */ .button-listenbrainz { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* Matrix */ .button-matrix { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* Micro.blog */ .button-microblog { --button-text:#FFFFFF; --button-background:#FD9927; } /* Mixcloud */ .button-mixcloud { --button-text:#FFFFFF; --button-background:#5000FF; } /* MyAnimeList */ .button-myanimelist { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* NGL */ .button-ngl { --button-text:#FFFFFF; background-image:linear-gradient(-45deg, #ff8d10, #ec1187); } /* Nostr */ .button-nostr { --button-text:#FFFFFF; --button-background:#A915FF; } /* OP.GG */ .button-opgg { --button-text:#FFFFFF; --button-background:#5383E8; } /* OpenSea */ .button-opensea { --button-text:#FFFFFF; --button-background:#0086FF; --button-border:1px solid #0086FF; } /* OpenStreetMap */ .button-osm { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* ORCID ID */ .button-orcid-id { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #212121; } /* osu! */ .button-osu { --button-text:#000000; --button-background:#FF8EE6; } /* Partiful */ .button-partiful { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* PeerTube */ .button-peertube { --button-text:#000000; --button-background:#FCE8DB; --button-border:1px solid #000000; } /* Pixelfed */ .button-pixelfed { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* PlayStation */ .button-playstation { --button-text:#FFFFFF; --button-background:#0070D1; } /* Qobuz */ .button-qobuz { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* QQ */ .button-qq { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* Ravelry */ .button-ravelry { --button-text:#000000; --button-background:#F3F4F0; --button-border:1px solid #000000; } /* Redbubble */ .button-redbubble { --button-text:#e41321; --button-background:#ffffff; --button-border:1px solid #212121; } /* ResearchGate */ .button-researchgate { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #212121; } /* Revolut */ .button-revolut { --button-text:#000000; --button-background:#ffffff; --button-border:1px solid black; } /* Roll20 */ .button-roll20 { --button-text:#FFFFFF; --button-background:#EC008C; } /* SimpleX Chat */ .button-simplex { --button-text:#000000; --button-background:#F3F6F7; --button-border: 1px solid #000000; } /* SimpleX Chat Alt */ .button-simplex-alt { --button-text:#FFFFFF; --background-color: #000000; --button-border: 1px solid #FFFFFF; } /* Skoob */ .button-skoob { --button-text:#FFFFFF; --button-background:#3189C8; } /* SpaceHey */ .button-spacehey { --button-text:#FFFFFF; --button-background:#3234CF; } /* Tidal */ .button-tidal { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* Trakt */ .button-trakt { --button-text:#ffffff; --button-background:#ED1C24; } /* Untappd */ .button-untappd { --button-text:#000000; --button-background:#ffc000; } /* Upwork */ .button-upwork { --button-text:#FFFFFF; --button-background:#14A800; } /* Vero */ .button-vero { --button-text:#FFFFFF; --button-background:#000000; --button-border:1px solid #FFFFFF; } /* VRChat */ .button-vrchat { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* WIP */ .button-wip { --button-text:#000000; --button-background:#F9DB00; } /* Write.as */ .button-writeas { --button-text:#000000; --button-background:#FFFFFF; --button-border:1px solid #000000; } /* WriteFreely */ .button-writefreely { --button-text:#000000; --button-background:#F4F4F4; --button-border:1px solid #000000; } /* Xbox */ .button-xbox { --button-text:#FFFFFF; --button-background:#107C10; } /* Xing */ .button-xing { --button-text:#FFFFFF; --button-background:#026466; }