/**
 * modules/_modules_plugins/partage_social/css/style.css
 */

.sharing-label {
    letter-spacing: .08em;
}

.share-btn {
    --share-color: var(--color-primary, #2a2d6b);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 1rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    color: #fff;
    background: var(--share-color);
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--share-color) 40%, transparent);
}

.share-btn:hover,
.share-btn:focus-visible {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--share-color) 45%, transparent);
    outline: none;
}

.share-btn--copy {
    --share-color: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-body-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.share-btn--copy:hover,
.share-btn--copy:focus-visible {
    color: var(--bs-body-color);
}

.share-btn--more {
    --share-color: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-body-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.share-btn--more:hover,
.share-btn--more:focus-visible {
    color: var(--bs-body-color);
}

.share-btn--copy.copied {
    --share-color: var(--color-accent, #ffb700);
    color: #000;
}