.wps_contacts_cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: var(--space-xl);
}

.wps_contacts_card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	padding: 16px 10px;
	background: #FFFFFF;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(0, 54, 77, 0.07);
	color: #006894;
	text-align: center;
	text-decoration: none;
	transition: box-shadow 0.35s ease;
}

.wps_contacts_card:hover,
.wps_contacts_card:focus {
	color: #006894;
	text-decoration: none;
	box-shadow: 0 12px 32px rgba(0, 54, 77, 0.12);
}

.wps_contacts_card:focus {
	outline: none;
}

.wps_contacts_card:focus-visible {
	outline: 2px solid #006894 !important;
	outline-offset: 3px !important;
}

.wps_contacts_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background-color: rgba(0, 104, 148, 0.1);
	transition: background-color 0.35s ease;
}

.wps_contacts_icon::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-color: #006894;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.35s ease;
}

.wps_contacts_icon_mail::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3e%3c/svg%3e");
}

.wps_contacts_icon_telegram::before {
	width: 26px;
	height: 26px;
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23000000' d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23000000' d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3e%3c/svg%3e");
}

.wps_contacts_icon_phone::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'/%3e%3c/svg%3e");
}

.wps_contacts_value {
	color: #006894;
	font-family: 'Manrope', Arial, Verdana, Tahoma;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.35;
	word-break: break-word;
}

.wps_contacts_card:hover .wps_contacts_icon,
.wps_contacts_card:focus-visible .wps_contacts_icon {
	background-color: #006894;
}

.wps_contacts_card:hover .wps_contacts_icon::before,
.wps_contacts_card:focus-visible .wps_contacts_icon::before {
	background-color: #FFFFFF;
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) {
	.wps_contacts_cards {
		gap: 8px;
	}

	.wps_contacts_card {
		padding: 14px 8px;
		gap: 10px;
	}

	.wps_contacts_icon {
		width: 44px;
		height: 44px;
		border-radius: 12px;
	}

	.wps_contacts_icon::before {
		width: 20px;
		height: 20px;
	}

	.wps_contacts_icon_telegram::before {
		width: 22px;
		height: 22px;
	}

	.wps_contacts_value {
		font-size: 12px;
	}
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) {
	.wps_contacts_cards {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.wps_contacts_card {
		padding: 14px 12px;
	}

	.wps_contacts_value {
		font-size: 13px;
	}
}