.freyza-button,
.button.freyza-button {
	align-items: center;
	background: var(--freyza-color-primary);
	border: 1px solid var(--freyza-color-primary);
	border-radius: var(--freyza-radius-sm);
	color: #ffffff;
	display: inline-flex;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	min-height: 48px;
	padding: 12px 20px;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.freyza-button:hover,
.freyza-button:focus-visible {
	background: var(--freyza-color-secondary);
	border-color: var(--freyza-color-secondary);
	color: #ffffff;
}

.freyza-button--secondary {
	background: transparent;
	color: var(--freyza-color-primary);
}