.menu-item--mobile-cta {
	display: none;
}

@media (max-width: 520px) {
	.site-header__inner {
		gap: 8px;
	}

	.site-branding__logo {
		max-width: 76px;
	}

	.header-actions {
		margin-left: auto;
	}

	.header-actions__login {
		padding-inline: 8px;
		font-size: 0.78rem;
	}

	.button--header {
		display: none;
	}

	.primary-navigation.is-open .menu-item--mobile-cta {
		display: block;
		margin-top: 8px;
	}

	.primary-navigation.is-open .menu-item--mobile-cta a {
		justify-content: center;
		background: var(--sr-primary);
		color: #fff;
	}
}
