/* base fontsize here should be 100px */

.share-wrapper {
    /* margin-top: 100px; */
}

.share-wrapper__share-on {
    font-size: var(--text-4xl);
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 2.54; */

    letter-spacing: -0.1px;
    text-align: center;
    color: inherit;
    margin-bottom: 24px;
}

@media screen and (max-width: 710px) {
    .share-wrapper__share-on {
        margin-bottom: 12px;
        font-size: var(--text-base);
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.06;
        letter-spacing: 0.6px;
        text-align: center;
        color: inherit;
    }
}

.share-wrapper__share-on__social-links-wrapper {
    display: flex;
    justify-content: center;
}

.share-wrapper__share-on__social-links-wrapper__share-button {
    padding: 0px 12px;
    cursor: pointer;
}
@media screen and (max-width: 710px) {
    .share-wrapper__share-on__social-links-wrapper__share-button {
        padding: 0px 6px;
    }
}



.share-wrapper__share-on__social-links-wrapper__share-button__image {
    width: 48px;
    height: 48px;
}

@media screen and (max-width: 710px) {
    .share-wrapper__share-on__social-links-wrapper__share-button__image {
        width: 32px;
        height: 32px;
    }
}