.vm-social-icons__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem !important;
	height: 2.5rem !important;
	border-radius: 999px ;
	border: 2px solid var(--vm-social-link-color, #702F8A) !important;
	color: var(--vm-social-link-color, #702F8A) !important;
	background: rgba(255, 255, 255, 0.1) !important;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.vm-social-icons__link:focus-visible {
	outline: 3px solid var(--vm-social-link-color-active, #FFD500);
	outline-offset: 2px;
}

.vm-social-icons__link:hover,
.vm-social-icons__link:focus-visible {
	background: var(--vm-social-link-color-hover, #702F8A);
	color: var(--vm-social-link-color-active, #FFD500);
	border-color: var(--vm-social-link-color-hover, #702F8A);
	transform: translateY(-1px);
}

.vm-social-icons__link:active {
	transform: scale(0.97);
}

.vm-social-icons__icon {
	display: inline-block;
	width: 1.35rem;
	height: 1.35rem;
	background-color: currentColor;
	mask-image: var(--vm-social-icon-url);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-image: var(--vm-social-icon-url);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.vm-header__block--social nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(10px, 1vw, 16px);
	margin: 0;
	position: relative;
	z-index: 1;
}

.header-top .vm-header__block--social nav {
	padding-left: clamp(8px, 1vw, 18px);
}

@media (max-width: 767px) {
	.vm-header__block--social nav {
		gap: 10px;
	}

	.vm-social-icons__link {
		width: 2.25rem !important;
		height: 2.25rem !important;
	}
}