.button {
	padding: 0.75em 1.5em;
	border-radius: 2em;
	cursor: pointer;
}

.button-group {
	gap: 1em;
}

.button-rounded {
	aspect-ratio: 1;
	min-width: 50px;
	padding: 0.25em;
	border-radius: 50%;
}

.button-rounded [class^="icon-"]::before {
	position: relative;
	right: -1px;
	top: -2px;
}

.button--sungold,
.button--green,
.button--sungold-green {
	border-radius: 2em;
}

.button--sungold,
.button--green {
	margin-top: 0;
}

.button--sungold::before,
.button--green::before,
.button--sungold-green::after,
.button--sungold-green::before {
	content: none;
}

.button-white:hover,
.button--sungold:hover,
.button--green:hover,
.button--sungold-green:hover {
	background-color: var(--color-yellow);
	color: white;
}