.social-btn {
    background-color: #7f00ff;
    border: none;
    width:50px;
    height:50px;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-btn:hover {
    background-color: #00c6ff;
    color:#fff;
}

.social-btn i {
    pointer-events: none;
}

.social-btn.facebook:hover, .social-btn.whatsapp:hover, .social-btn.twitter:hover, .social-btn.telegram:hover, .social-btn.kakaotalk:hover, .social-btn.reddit:hover, .social-btn.vk:hover, .social-btn.ok:hover, .social-btn.pinterest:hover, .social-btn.tumblr:hover, .social-btn.linkedin:hover, .social-btn.blogger:hover, .social-btn.mix:hover, .social-btn.goo:hover {
    background-color: #00c6ff;
    color:#fff;
}

.social-btn.facebook { background-color: #1877F2;color:#fff; }
.social-btn.whatsapp { background-color: #25D366;color:#fff; }
.social-btn.twitter  { background-color: #000000;color:#fff; }
.social-btn.telegram { background-color: #0088CC;color:#fff; }
.social-btn.kakaotalk { background-color: #FEE500;color:#fff; }
.social-btn.reddit { background-color: #FF4500;color:#fff; }
.social-btn.vk { background-color: #4C75A3;color:#fff; }
.social-btn.ok { background-color: #EE8208;color:#fff; }
.social-btn.pinterest { background-color: #E60023;color:#fff; }
.social-btn.tumblr { background-color: #34526F;color:#fff; }
.social-btn.linkedin { background-color: #0A66C2;color:#fff; }
.social-btn.blogger { background-color: #FF5722;color:#fff; }
.social-btn.mix { background-color: #FF8126;color:#fff; }
.social-btn.goo { background-color: #4285F4;color:#fff; }

/* SweetAlert2 custom wrapper fix */
.swal2-popup {
    overflow-x: hidden !important;
}

/* Optional: Add padding for safety */
.swal2-html-container {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0 10px;
    box-sizing: border-box;
}
/* Social toolbar buttons wrapper tweak */
.swal2-html-container > div {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    overflow-x: hidden;
}
.swal2-input{
    width:87%!important;
}
.swal2-close {
    background:#7f00ff;
    font-size: 20px;
    color: #fff;
    top: 10px!important;
    right: 10px!important;
}