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

.button::before {
  content: "→";
  font-family: 'FORVM-Roman';
}

.button::after {
  content: '';
	background-color:#EBE8E1;
  position:absolute;
  height: 100%;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width .8s, background .8s;
  
	
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover,button:hover {
	filter:brightness(90%);
	transform:translateY(-1px);
	color: #272435;
}

.button:hover::after {
  width: 100%;
}

/* Button Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icon {
	filter:var(--icon-filter,none);
}

/* Brand-Specific Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Default */
.button.button-default {
	--button-text: #EBE8E1;
	--button-background:none;
	
}


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