/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.splat-share-link {
    display: block;
    position: relative;
    width: 24px;
    display: flex;
    align-items: center;
    column-gap: 16px;
    transition: 0.5s;
    width: 110px;
    margin-right: 0;
    margin-left: auto;
}

.splat-share-link svg {
    left: 86px;
    transition: 0.5s;
    position: relative;
    z-index: 2;
}

.splat-share-link:hover svg {
    left: 0px;
    transition: 0.5s;
}

.splat-share-popup {
    display: none;
    height: 0;
    transition: 0.5s;

}

.splat-share-link:hover>svg+.splat-share-popup,
.splat-share-popup:hover {
    display: block;
    height: 24px;
    position: absolute;
    transition: 0.5s;
    top: 24px;
    right: 0;
    width: max-content;
    transition: 0.5s;
    padding-top: 5px;

}

.splat-share-link:hover svg path {
    stroke: #2C2C2C;
}

.splat-share-link:after {
    content: 'Подлиться';
    position: absolute;
    width: 110px;
    left: 40px;
    color: #fff;
    z-index: 1;


}

.splat-share-link:hover,
.splat-share-link:hover:after {
    transition: 0.5s;
    color: #2C2C2C;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
    display: inline !important;
} 
.ya-share2__list.ya-share2__list_direction_horizontal {
    display: flex;
    flex-direction: column;
}
.ya-share2__list.ya-share2__list_direction_horizontal {
    padding: 16px 12px;
    background: #fff;
    box-shadow: 12px 24px 60px rgb(0 0 0 / 15%);
    border-radius: 8px;
    margin: 0;
    position: relative;
    z-index: 9;
}
.ya-share2__list.ya-share2__list_direction_horizontal:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: -10px;
    right: 20px;

}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
    margin: 0 !important;
    padding: 5px 8px !important;
    border-radius: 4px;
    transition: .3s;
}
.ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
    background-size: auto !important;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(/wp-content/uploads/css-images/vk.svg) !important;

}
.ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url(/wp-content/uploads/css-images/facebook.svg) !important;
}
.ya-share2__badge {
    background: none !important;
}
.ya-share2__item_service_twitter .ya-share2__icon {
    background-image: url(/wp-content/uploads/css-images/twitter.svg) !important;
}
.ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url(/wp-content/uploads/css-images/odnoklasniki.svg) !important;
}
.ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url(/wp-content/uploads/css-images/telegram.svg) !important;
}
.ya-share2__item_copy .ya-share2__icon {
    background-image: url(/wp-content/uploads/css-images/copy_link.svg) !important;
}
.ya-share2__item:not(.ya-share2__item_more):hover, .ya-share2__item.ya-share2__item_more > .ya-share2__link:hover, .ya-share2__item:not(.ya-share2__item_more):focus, .ya-share2__item.ya-share2__item_more > .ya-share2__link:focus {
    opacity: 1;
    background: #F2F4F5;
    transition: .3s;

}

@media screen and (max-width: 766px) {
	.splat-share-link {
		padding-bottom: 40px;
		
	}
}