/*
* LittleLink 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
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Default */
.button.button-default {
	--button-text:#ffffff;
	--button-background:#2457F5;
	--button-border:1px solid #ffffff;
}

/* Buy Me a Coffee */
.button-coffee {
	--button-text:#000000;
	--button-background:#ffdd00;
}

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

/* GitLab */
.button-gitlab {
	--button-text:#ffffff;
	--button-background:#6151b2;
}

/* GoFundMe */
.button-gofundme {
	--button-text:#ffffff;
	--button-background:#02A95C;
}

/* Ko-fi */
.button-ko-fi {
	--button-text:#ffffff;
	--button-background:#000000;
  --button-border:1px solid #FFFFFF;
}

/* LinkedIn */
.button-linked {
	--button-text:#ffffff;
	--button-background:#2867b2;
}

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

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

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

/* Signal Alt */
.button-signal-alt {
	--button-text:#3B45FD;
	--button-background:#E3E8FE;
	--button-border:1px solid #000000;
}

/* Xing */
.button-xing {
  --button-text:#FFFFFF;
  --button-background:#026466;
}

.button:hover {
    transition: transform 0.25s;
    transform: scale(1.07) rotate(0.015turn);
}