/*
============================================================
Motmaître — SHARE RESULT
============================================================
*/


.share-container[hidden] {
    display:
        none;
}


.share-container {
    margin-top:
        18px;
}


.share-button {
    display:
        inline-flex;

    min-height:
        46px;

    padding:
        0
        19px;

    border:
        0;

    border-radius:
        12px;

    background:
        #ffffff;

    color:
        #202020;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    font-size:
        13px;

    font-weight:
        800;

    cursor:
        pointer;

    box-shadow:
        0
        7px
        24px
        rgba(
            0,
            0,
            0,
            0.17
        );

    transition:
        transform
        0.15s ease,
        box-shadow
        0.15s ease,
        background
        0.15s ease;
}


.share-button svg {
    width:
        18px;

    height:
        18px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.share-button:hover {
    background:
        #f8f8f6;

    transform:
        translateY(
            -1px
        );

    box-shadow:
        0
        9px
        28px
        rgba(
            0,
            0,
            0,
            0.21
        );
}


.share-button:active {
    transform:
        translateY(
            0
        )
        scale(
            0.98
        );
}


.share-status {
    min-height:
        17px;

    margin-top:
        7px;

    color:
        rgba(
            255,
            255,
            255,
            0.66
        );

    font-size:
        10px;

    font-weight:
        650;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (
    max-width: 600px
) {

    .share-button {
        width:
            100%;
    }
}