.ms-block-social.ms-block-theme-outline {
    /* text-align: center; */
}

.ms-block-social.ms-block-theme-outline .ms-social-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ms-block-social.ms-block-theme-outline .ms-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    border: 2px solid;
    background: transparent !important;
    transition: all 0.3s ease;
    top: 0;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    text-decoration: none;
}

.ms-block-social.ms-block-theme-outline .ms-social-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.ms-block-social.ms-block-theme-outline .ms-social-btn:hover > i {
    color: white !important;
}

.ms-block-social.ms-block-theme-outline .ms-social-btn > i {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Brands';
    font-size: 1.2em;
    z-index: 1;
    position: relative;
    transition: color 0.3s ease;
}

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-zoom > i:before { content: "\f03d"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-zoom > i { font-family: 'Font Awesome 5 Free'; font-weight: 600 }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-facebook > i:before { content: "\f39e"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-instagram > i:before { content: "\f16d"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-twitter > i:before { content: "\e61b"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-youtube > i:before { content: "\f167"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-skype > i:before { content: "\f17e"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-linkedin > i:before { content: "\f0e1"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-tiktok > i:before { content: "\e07b"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-discord > i:before { content: "\f392"; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-pinterest > i:before { content: "\f0d2"; }


.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-zoom { border-color: #2D8CFF; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-zoom > i { color: #2D8CFF !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-zoom:hover { background: #2D8CFF !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-facebook { border-color: #4267B2; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-facebook > i { color: #4267B2 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-facebook:hover { background: #4267B2 !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-instagram { border-color: #bc1888; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-instagram > i { color: #bc1888 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-instagram:hover {
    background: #f09433 !important;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
    border-color: transparent;
}

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-twitter { border-color: #0f1419; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-twitter > i { color: #0f1419 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-twitter:hover { background: #0f1419 !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-youtube { border-color: red; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-youtube > i { color: red !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-youtube:hover { background: red !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-skype { border-color: #00aff0; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-skype > i { color: #00aff0 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-skype:hover { background: #00aff0 !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-linkedin { border-color: #2867b2; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-linkedin > i { color: #2867b2 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-linkedin:hover { background: #2867b2 !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-tiktok { border-color: #010101; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-tiktok > i { color: #010101 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-tiktok:hover { background: #010101 !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-discord { border-color: #5865F2; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-discord > i { color: #5865F2 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-discord:hover { background: #5865F2 !important; }

.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-pinterest { border-color: #E60023; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-pinterest > i { color: #E60023 !important; }
.ms-block-social.ms-block-theme-outline .ms-social-btn.ms-social-pinterest:hover { background: #E60023 !important; }
