/**

 * YTI&W Social Share - CSS Estático de Frontend

 *

 * Contém as regras de estilo base que não dependem

 * das opções do usuário no painel de administração.

 *

 * @version 2.0.0

 */



.sss-social-share {

    margin-top: 24px;

    margin-bottom: 24px;

    padding: 16px;

    border: 1px solid #eee;

    border-radius: 8px;

}



.sss-social-share b {

    display: block;

    margin-bottom: 12px;

}



.sss-social-share-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}



.sss-social-share-buttons a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    text-decoration: none;

    color: #fff;

    font-weight: 600;

}



/* Cores de fundo estáticas */

.sss-facebook { background: #1877f2; }

.sss-twitter { background: #1da1f2; }

.sss-linkedin { background: #0a66c2; }

.sss-whatsapp { background: #25d366; }

.sss-telegram { background: #0088cc; }

.sss-pinterest { background: #e60023; }

.sss-copy_url { background: #666666; }

.sss-substack { background: #ff6719; }



/* Estilo para ícones (para garantir alinhamento) */

.sss-social-share-buttons a i,

.sss-social-share-buttons a img {

    line-height: 1; /* Garante alinhamento vertical */

}