.sm-share-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.5rem;
    margin: 0.25rem 0 0.9rem;
}

.sm-share-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #495057;
    margin-inline-end: 0.25rem;
}

.sm-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    line-height: 1.2;
}

.sm-share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sm-share-btn-text {
    font-weight: 600;
}

.sm-share-feedback {
    margin-inline-start: 0.25rem;
}

.sm-share-bar.article-share-top .sm-share-label,
.sm-share-bar.article-share-top [data-sm-share-target] {
    display: none;
}

.sm-share-bar.article-share-bottom {
    margin: 1.25rem 0 1.5rem;
}

.sm-share-bar.article-share-bottom .sm-share-btn,
.sm-share-bar.article-share-bottom a.sm-share-btn:link,
.sm-share-bar.article-share-bottom a.sm-share-btn:visited {
    border: 1px solid #6c757d;
    border-radius: 0.2rem;
    padding: 0.25rem 0.5rem;
    background-color: #fff;
    color: #6c757d;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
}

.sm-share-bar.article-share-bottom .sm-share-btn:hover,
.sm-share-bar.article-share-bottom .sm-share-btn:focus,
.sm-share-bar.article-share-bottom a.sm-share-btn:hover,
.sm-share-bar.article-share-bottom a.sm-share-btn:focus {
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff;
    text-decoration: none;
}

.sm-share-bar.article-share-top .sm-share-feedback.d-none,
.sm-share-bar.article-share-bottom .sm-share-feedback.d-none {
    display: none;
}

/* גודל יעד המגע נגזר מסוג המצביע, לא מרוחב המסך. הכלל היה תחום ל-576px, ולכן
   טאבלט בפורטרט (768px) — מכשיר מגע לכל דבר — קיבל כפתורים של 28-34px.
   ‏44px הוא הרף של WCAG 2.5.5 (AAA) ושל Apple HIG; ‏WCAG 2.5.8 (AA) דורש 24px,
   ולכן דסקטופ עם עכבר נשאר קומפקטי במכוון. */
@media (pointer: coarse), (max-width: 576px) {
    .sm-share-btn {
        min-width: 44px;
        min-height: 44px;
        justify-content: center;
    }
}

/* הסתרת התוויות היא שיקול מקום ולא שיקול מגע, ולכן היא נשארת תלוית-רוחב:
   בטאבלט יש מקום לטקסט, וכיווץ שלו שם היה רגרסיה. */
@media (max-width: 576px) {
    .sm-share-btn-text {
        display: none;
    }

    .sm-share-bar.article-share-top .sm-share-btn-text {
        display: inline;
    }

    .sm-share-label {
        width: 100%;
        margin-bottom: 0.15rem;
    }
}