.call-to-action {
	--title-color: var(--sw-light-text-color);
	--title-font-family: var(--font-body);
}

.call-to-action > a {
	display: inline-block;
	font-size: var(--text-base);
	font-weight: 600;
	color: var(--sw-light-text-color);
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-wider);
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 17px;
	border: 1px solid var(--yellow);
	border-radius: 3px;
	background-color: transparent;
	transition: color var(--transition-appendix), background-color var(--transition-appendix);
}

@media (hover: hover) {
	.call-to-action > a:hover {
		color: var(--blue-dark);
		background-color: var(--yellow);
	}
}

@media screen and (min-width: 64em) {
	.call-to-action > a {
		padding: 10px var(--space-5);
		font-size: var(--text-lg);
		letter-spacing: 0.04em;
	}
}

/* Header Styling */
.panel-header .call-to-action > a {
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
	padding: 6px;
}

@media screen and (min-width: 90em) {
	.panel-header .call-to-action > a {
		font-size: 0.8125rem;
		padding: var(--space-2) 14px;
	}
}