/* Brand Button Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Only include brand-specific button styling here.
   The color/background/border plumbing lives in style.css. */
.button,button {
  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
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Akkoma */
.button-akkoma {
  --button-text:#000000;
  --button-background:#FFFFFF;
}

/* Bluesky */
.button-bluesky {
	--button-text:#FFFFFF;
	--button-background:#1185FE;
}

/* Discord */
.button-discord {
	--button-text:#ffffff;
	--button-background:#5865F2;
}

/* Fluxer */
.button-fluxer {
	--button-text:#000000;
	--button-background:#ffffff;
}

/* Forgejo */
.button-forgejo {
	--button-text:#ffffff;
	--button-background:#212b37;
	--button-border:1px solid #FFFFFF;
}

/* Friendica */
.button-friendica {
	--button-text:#ffffff;
	--button-background:#1872a2;
}

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

/* Goodreads */
.button-goodreads {
	--button-text:#1d1914;
	--button-background:#ebe2d7;
	--button-border:1px solid #212121;
}

/* Lemmy */
.button-lemmy {
  --button-text:#FFFFFF;
  --button-background:#14854F;
}

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

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

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

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

/* Reddit */
.button-reddit {
	--button-text:#FFFFFF;
	--button-background:#FF4500;
}

/* Roblox */
.button-roblox {
	--button-text:#ffffff;
	--button-background:#3156ff;
}

/* Signal */
.button-signal {
	--button-text:#ffffff;
	--button-background:#3B45FD;
}

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

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

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

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

/* Xbox */
.button-xbox {
  --button-text:#FFFFFF;
  --button-background:#107C10;
}

/* XMPP */
.button-xmpp {
  --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;
}

/* The Unique and Its Property */
.button-tuaip {
    --button-text: #000000;
    --button-background: #ffffff;
    --button-border: 1px solid #000000;
}