AllMyLinks/css/brands-extended.css

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