.button,
.wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	padding: 0.65rem 1.25rem;
	border: var(--border-width) solid var(--color-secondary);
	border-radius: var(--radius-pill);
	background: var(--color-primary);
	box-shadow: var(--shadow-none);
	color: var(--color-on-primary);
	cursor: pointer;
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

.button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
	background: var(--color-secondary);
	color: var(--color-on-secondary);
}

.button:active,
button:active,
input[type="submit"]:active {
	transform: translateY(1px);
}

.button--secondary {
	background: var(--color-secondary);
	color: var(--color-on-secondary);
}

.button--outline {
	background: transparent;
	color: var(--color-text);
}

.button[disabled],
button[disabled],
input[disabled] {
	cursor: not-allowed;
	opacity: 0.55;
}