/**
 * Components — buttons, cards, badges.
 *
 * @package GraceTheme
 */

.gt-btn {
	display: inline-block;
	padding: var(--space-2) var(--space-4);
	font-family: var(--gt-font-body);
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	background-color: var(--gt-terracotta);
	color: var(--gt-cream);
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.gt-btn:hover {
	background-color: var(--gt-terracotta-dark);
	color: var(--gt-cream);
	text-decoration: none;
}

.gt-btn:focus {
	outline: 2px solid var(--gt-gold);
	outline-offset: 2px;
}