littlelink-extended/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 */
.button-simplex {
	--button-text:#000000;
	--button-background:#F3F6F7;
}

/* SimpleX Alt */
.button-simplex-dark {
	--button-text:#FFFFFF;
	background-color: #000000;
	--button-border: 1px solid #000000;
}

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