time-converter button {
	display: inline-flex;
	align-items: center;
	gap: 0.25em;
	border-radius: 0.5rem;
	padding: 0.5rem;

	font-weight: 500;
	background-color: hsl(35, 50%, 95%);
	transition: background-color 300ms;

	svg { color: var(--color-1); }

	&:hover, &:focus-visible { background-color: hsl(35, 50%, 85%); }
	&:focus-visible {
		outline: 2px solid var(--color-focus);
		outline-offset: var(--focus-outline-offset);
	}
}