.my-social-share {
    width: 100%;
    text-align: center;
    font-size: 2.1rem;
    font-weight: 800;
    color: #1c1c1c;
    line-height: 1.3;
    background: #ffffff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.61);
    padding: 10px 10px 10px 10px;
    margin-bottom: 25px;
    border-radius: 10px;
}
.my-social-share .social-title {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555;
}


.my-social-buttons {
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    background: linear-gradient(to right, #dbeafe, #e0f2fe, #fce7f3, #fee2e2);
    padding: 20px 15px 20px 15px;
}

.my-social-buttons a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease, filter 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.my-social-buttons a {
   
}

.my-social-buttons a i {
    font-size: 16px;
}

/* Соцмережі кольори + ховер */
.my-social-buttons .viber {
    background-color: #665cac;
}
.my-social-buttons .viber:hover {
    background-color: #594e96;
}

.my-social-buttons .telegram {
    background-color: #0088cc;
}
.my-social-buttons .telegram:hover {
    background-color: #0077b6;
}

.my-social-buttons .whatsapp {
    background-color: #25d366;
}
.my-social-buttons .whatsapp:hover {
    background-color: #1ebe57;
}

.my-social-buttons .facebook {
    background-color: #3b5998;
}
.my-social-buttons .facebook:hover {
    background-color: #2d4373;
}

.my-social-buttons .instagram {
    background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.my-social-buttons .instagram:hover {
    background: linear-gradient(135deg, #d87d2a 0%, #cc2740 50%, #ac1d60 100%);
    color: #fff;
}

.my-social-buttons .tiktok {
    background: linear-gradient(135deg, #000000 0%, #222222 25%, #ff0050 50%, #00f2ea 75%, #ffffff 100%);
}
.my-social-buttons .tiktok:hover {
    background: linear-gradient(135deg, #000000 0%, #111111 25%, #cc0033 50%, #00e6d6 75%, #cccccc 100%);
    color: #fff;
}

.my-social-buttons .youtube {
    background: linear-gradient(135deg, #ff0000 0%, #cc0000 50%, #990000 100%);
}
.my-social-buttons .youtube:hover {
    background: linear-gradient(135deg, #cc0000 0%, #990000 50%, #660000 100%);
    color: #fff;
}

.my-social-buttons .twitter {
    background-color: #222;
}
.my-social-buttons .twitter:hover {
   background-color: #222;
}

.my-social-buttons .pinterest {
    background-color: #E60023;
}
.my-social-buttons .pinterest:hover {
    background-color: #b8001b;
}

.my-social-buttons .vk {
    background-color: #4C75A3;
}
.my-social-buttons .vk:hover {
    background-color: #3b5e82;
}

.my-social-buttons .ok {
    background-color: #EE8208;
}
.my-social-buttons .ok:hover {
    background-color: #cc6b05;
}

.my-social-buttons .mailru {
    background-color: #168de2;
}
.my-social-buttons .mailru:hover {
    background-color: #0f6eb3;
}

.my-social-buttons .reddit {
    background-color: #FF4500;
}
.my-social-buttons .reddit:hover {
    background-color: #cc3700;
}

.my-social-buttons .linkedin {
    background-color: #0077b5;
}
.my-social-buttons .linkedin:hover {
    background-color: #005a8c;
}

.my-social-buttons .tumblr {
    background-color: #36465D;
}
.my-social-buttons .tumblr:hover {
    background-color: #2d3b4e;
}

.my-social-buttons .vimeo {
    background-color: #1ab7ea;
}
.my-social-buttons .vimeo:hover {
    background-color: #1594bb;
}

.my-social-buttons .flickr {
    background-color: #ff0084;
}
.my-social-buttons .flickr:hover {
    background-color: #cc006a;
}

.my-social-buttons .x {
    background-color: #000;
}
.my-social-buttons .x:hover {
    background-color: #222;
}

.my-social-buttons .tiktok svg .icon-tiktok {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: -2px;
}

.my-social-buttons .btn i {
    margin-right: 0px;
}

.my-social-buttons .btn {
    border-radius: 4px;
    padding: 7px 10px;
    margin: 0 0 5px;
	width: 100px;
}



@media (max-width: 767px) {
.my-social-buttons .btn {
	width: 110px;
}
}