.logo-link > * {
	margin-top: 0;
}

.logo-image-inverse {
	display: none;
}

.logo + p {
	margin-top: 1.875rem;
}

.logo-hovered {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3.9375rem;
	padding: 0.625rem;
	background-color: #f9f9f9;
	border: 1px solid #dbdbdb;
	border-radius: 0.375rem;
	transition: all 0.2s ease-in-out;
}

.context-dark .logo-hovered {
	background-color: rgba(219, 219, 219, 0.05);
	border-color: transparent;
}

.context-dark .logo-image-default {
	display: none;
}

.context-dark .logo-image-inverse {
	display: inline-block;
}

@media (min-width: 992px) {
	.desktop .logo-hovered {
		background-color: transparent;
		border-color: transparent;
	}
	.desktop .logo-hovered:hover {
		background-color: #f9f9f9;
		border-color: #dbdbdb;
	}
	.desktop .context-dark .logo-hovered {
		background-color: transparent;
		border-color: transparent;
	}
	.desktop .context-dark .logo-hovered:hover {
		background-color: rgba(219, 219, 219, 0.05);
	}
}