/**
 * button.css
 *
 * Shared button styling.
 */

.btn,
.wp-block-button__link,
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 0.7rem;
	border: 1px solid var(--color-gold);
	border-radius: var(--radius-pill);
	background: var(--color-white);
	color: var(--color-gold);
	font-size: var(--font-size-nav);
	line-height: var(--line-nav);
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn:hover,
.btn:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible {
	background: var(--color-brown);
	border-color: var(--color-brown);
	color: var(--color-white);
}