/*
* LittleLink Button Styles (trimmed to the buttons this page uses)
* https://littlelink.io
* Free to use under the MIT license
* http://www.opensource.org/licenses/mit-license.php
*/

/* Button Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,button {
	transition:filter 0.2s ease,transform 0.2s ease;
	-webkit-tap-highlight-color:transparent;
}

/* Hover lift only on devices with a real mouse.
   On phones, hover styles "stick" after a tap, so skip them there. */
@media (hover:hover) {
	.button:hover,button:hover {
		filter:brightness(90%);
		transform:translateY(-1px);
	}
}

/* Tap feedback for touch screens */
.button:active,button:active {
	filter:brightness(85%);
	transform:scale(0.98);
}

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

/* Button Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Project buttons (default LittleLink blue) */
.button.button-default {
	--button-text:#ffffff;
	--button-background:#2457F5;
	--button-border:1px solid #ffffff;
}

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