.header__button--sticky {
    display: none;
    transform: translate3d(0, 0, 0);
    transform-style: preserver-3d;
    position: fixed;
    top: 100px;
    right: 42px;
    z-index: 50;
}

.header__button--sticky.scroll-down {
    top: 20px;
}

header-sticky-button>div:not(.scroll-down) {
    opacity: 0;
    visibility: 0
}

.header__button--sticky .button {
    padding: 0px;
    font-size: 15px;
    font-family: "Gilroy";
    line-height: 16px;
    padding: 12px 28px !important;
    box-shadow: none;
    outline: none;
    --border-opacity: unset;
    --alpha-button-background: unset;
    font-weight: 500 !important;
}

.header__button--sticky .button {
    background-color: #000;
    color: #fff;
    border-radius: 60px;
    border: 2px solid #fff !important;
}

.header__button--sticky .button:hover {
    background-color: #000;
    border: 2px solid #000 !important;
}

@media (min-width: 1024px) {
    .header__button--sticky--locked {
        display: block !important;
        top: 70px !important;
        transform: translateY(0) !important;
    }

    .header__button--sticky.scroll-up {
        display: block !important;
        transform: translateY(-40px);
        transition: transform 400ms ease;
    }

    .header__button--sticky.scroll-down {
        display: block !important;
        transform: translateY(0);
        transition: transform 400ms ease;
    }
}

@media (max-width: 1023px) {
    .header__button--sticky.mobile-scrolled-once {
        display: block !important;
        top: unset !important;
        bottom: 0px;
        width: calc(100% - 48px);
        transform: translate(-50%, -22px);
        right: unset;
        left: 50%;
        opacity: 1;
        visibility: visible;
        text-align: center;
    }

    .header__button--sticky .button {
        background-color: #B78A5F !important;
        border: 2px solid #B78A5F;
    }
    body[data-page-type="product"] .header__button--sticky.mobile-scrolled-once {
        display: none !important;
    }
}