@mixin button($color-bg, $color-text) {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: $color-text;
	font-weight: 600;
	text-decoration: none;
	opacity: 0.8;
	background-color: $color-bg;
	padding: 0.5rem 1rem;
	clip-path: var(--clip-path-button);
	transition: all var(--animation-speed) var(--animation-type);
	user-select: none;

	:hover,
	:focus-visible {
		opacity: 1;
		text-decoration-color: unset;
	}
}