@use "sass:color";
@use "./variables" as *;

$selection-border-width: 2px;

@mixin standard_button {
	color: inherit;

	display: inline;
	margin-left: 3px;
	border: 2px solid rgba(1,1,1,0.2);
	background: transparent;

	user-select: none;
	list-style: none;
	line-height: 1em;

	&::before {
		text-align: center;
		vertical-align: middle;
	}
	&:hover {
		background: color.change($color-light, $alpha: 0.08);
		transition: background 0.1s;
		border: $selection-border-width solid color.change($color-light, $alpha:0.3);
	}
}