/**
 * A10 Social Share - Default Styles
 * These styles can be overridden in your theme's stylesheet
 */

.a10-social-share {
    max-width: 100%;
}

.a10-social-share__title {
    margin-bottom: 24px;
}

.a10-social-share__buttons {
    display: flex;
    gap: 8px;
}

.a10-social-share__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 52px;
    height: 52px;
    border: none;
    cursor: pointer;
    font-family: inherit;
}

.a10-social-share__button svg {
    width: 32px;
    height: 32px;
}

.a10-social-share__button span {
    line-height: 1;
}

/* Facebook */
.a10-social-share__button--facebook {
    background: #0866FF;
}

/* Instagram */
.a10-social-share__button--instagram {
    background: #0A66C2;
}

/* X (Twitter) */
.a10-social-share__button--x {
    background: #000000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .a10-social-share__button {
        width: 100%;
        justify-content: center;
    }
}