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

/* Instagram */
.button-instagram {
	--button-text:#ffffff; 
	--button-background:#E4405F;
	--button-border:1px solid #ffffff;
}

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

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

/* Tumblr */
.button-tumblr {
	--button-text:#ffffff;
	--button-background:#35465C;
	--button-border:1px solid #FFFFFF;
}

/* 500px*/
.button-500px {
	--button-text:#FFFFFF;
	--button-background:#0099E5;
	--button-border:1px solid #FFFFFF;
}

/* Flickr */
.button-flickr {
	--button-text:#ffffff;
	--button-background:#FF0084;
	--button-border:1px solid #FFFFFF;
}

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

/* Behance */
.button-behance {
	--button-text:#ffffff;
	--button-background:#0057FF;
  --button-border:1px solid #FFFFFF;
}

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

/* Grainery */
.button-grainery {
	--button-text:#FFFFFF;
	--button-background:#30fd63;
	--button-border:1px solid #FFFFFF;
}

/* Pinterest */
.button-pinterest {
	--button-text:#FFFFFF;
	--button-background:#BD081C;
	--button-border:1px solid #FFFFFF;
}

/* Lomography */
.button-lomography  {
	--button-text:#FFFFFF;
	--button-background:#833AB4;
	--button-border:1px solid #FFFFFF;
}