* {
	font-family: sans-serif;
}

body {
	margin: 0;
}

a,
.link {
	color: var(--link-colour);
	cursor: pointer;
}

a:hover,
.link:hover {
	color: var(--link-hover-colour);
}

a,
.link,
button,
.button {
	transition: var(--hover);
}

a:hover,
.link:hover,
button,
.button:hover {
	transition: var(--hover);
}

button,
.button {
	background-color: var(--link-colour);
	padding-inline: 1em;
	padding-block: 0.5em;
	border-radius: 0.25em;
	color: var(--primary-light);
	cursor: pointer;
	border: none;
	text-decoration: none;
}

button:hover,
.button:hover {
	background-color: var(--primary-dark);
	color: var(--primary-light);
}

button:focus,
.button:focus {
	background-color: var(--primary-darker);
	color: var(--primary-light);
}