.header-call-to-action > a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	height: 100%;
	padding: 6px var(--space-6);
	text-decoration: none;
	border: 1.72px solid var(--peach);
	border-radius: var(--rounded-md);
}

.header-call-to-action > a > img {
    width: 4.69px;
    height: 8.38px;
}

.header-call-to-action > a:focus-visible { outline-color: var(--orange); }

.header-call-to-action .title {
	font-family: var(--font-display);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-bold);
	line-height: var(--leading-tight);
	text-transform: lowercase;
	text-align: center;
	color: var(--sw-light-text-color);
	max-width: max-content;
}

.header-call-to-action .icon {
	width: 100%;
	max-width: 12px;
}

@media (min-width: 64em) {
	.header-call-to-action a {
		min-width: 170px;
        height: auto;
		margin-top: -3px;
		border: 2px solid var(--peach);
    	border-radius: 8px;
		position: relative;
		padding: 6px 27.5px;
		transition: color var(--transition-appendix), background-color var(--transition-appendix);
	}

	@media (hover: hover) {
		.header-call-to-action a:hover {
			background-color: var(--peach);
			border: 2px solid var(--peach);
		}
	}

	.header-call-to-action .title { font-size: var(--text-sm); }
}