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

/* Babylist */
.button-babylist {
  --button-text: #ffffff;
  --button-background: #6e3264;
  --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: #901af1;
  --button-border: 1px solid #901af1;
}

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

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