:root {
    --black: #000;
    --black-hover: #333333;
    --btn-shine: #505050;
    --white: #fff;
    --acent: #ff0000;
    --gray_20: rgb(0 0 0 / 20%);
    --gray_40: rgb(0 0 0 / 40%);
    --gray_60: rgb(0 0 0 / 60%);
    --gray_80: rgb(0 0 0 / 80%);
}

.t-store__prod-popup__btn-wrapper.cinstall-btn-group.t-store__prod-popup__btn-wrapper-fixed.cinstall-btn-group--fixed {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}

.cinstall-btn-group__text.t-descr.t-descr_xxs.t-typography__options {
    width: 100%;
    padding-bottom: 6px;
}

span.cinstall-inline__accent {
    font-weight: 600;
}

/* Кнопки */
a.t-store__prod-popup__btn.t-btn.t-btnflex_sm.cinstall-native-btn.t-btnflex.t-btnflex_type_button,
a.t-store__prod-popup__btn.t-btn.t-btnflex.t-btnflex_type_button.cinstall-secondary-btn,
a.t-store__prod-popup__btn.t-btn.t-btn_sm.cinstall-native-btn {
    width: auto;
    height: 48px;
    border-radius: 8px !important;
    padding: 0 24px !important;
    transition: all .2s ease-in-out !important;
}

.t-btnflex__text {
    text-transform: none;
}

/* Основная кнопка */
a.t-store__prod-popup__btn.t-btn.t-btnflex_sm.cinstall-native-btn.t-btnflex.t-btnflex_type_button,
a.t-store__prod-popup__btn.t-btn.t-btn_sm.cinstall-native-btn {
    background: linear-gradient(
        110deg,
        var(--black) 35%,
        var(--btn-shine) 50%,
        var(--black) 65%
    );
    background-size: 250% 100%;
    background-position: 120% 0;
    animation: shine-animation 6.5s linear infinite;
    transition:
        background .35s ease-in-out,
        background-color .35s ease-in-out,
        border-color .2s ease-in-out,
        box-shadow .2s ease-in-out,
        transform .2s ease-in-out !important;
}

@keyframes shine-animation {
    0% {
        background-position: 120% 0;
    }

    23.08% {
        background-position: -20% 0;
    }

    100% {
        background-position: -20% 0;
    }
}

a.t-store__prod-popup__btn.t-btn.t-btnflex_sm.cinstall-native-btn.t-btnflex.t-btnflex_type_button:after {
    display: none;
}

td.js-store-prod-popup-buy-btn-txt.t-btnflex__text {
    color: var(--white) !important;
}

span.t-btnflex__icon {
    display: none;
}

/* Вторичная кнопка */
a.t-store__prod-popup__btn.t-btn.t-btnflex.t-btnflex_type_button.cinstall-secondary-btn {
    background: var(--white) !important;
    border: 1px solid var(--gray_40) !important;
}

a.t-store__prod-popup__btn.t-btn.t-btnflex.t-btnflex_type_button.cinstall-secondary-btn:after {
    display: none;
}

.cinstall-secondary-btn span.t-btnflex__text {
    color: var(--black) !important;
    font-size: 14px;
}

a.t-store__prod-popup__btn.t-btn.t-btnflex.t-btnflex_type_button.cinstall-secondary-btn .t-btn_effects {
    display: none;
}

/* Hover-анимация основной кнопки */
@keyframes shine-hover-soft {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0% 0;
    }
}

@media (hover: hover) {
    /* Основная кнопка */
    a.t-store__prod-popup__btn.t-btn.t-btnflex_sm.cinstall-native-btn.t-btnflex.t-btnflex_type_button:hover,
    a.t-store__prod-popup__btn.t-btn.t-btnflex_sm.cinstall-native-btn.t-btnflex.t-btnflex_type_button:hover:after,
    a.t-store__prod-popup__btn.t-btn.t-btn_sm.cinstall-native-btn:hover,
    a.t-store__prod-popup__btn.t-btn.t-btn_sm.cinstall-native-btn:hover:after {
        cursor: pointer;
        transform: translateY(-1px);
        box-shadow: 0px 4px 10px rgb(0 0 0 / 10%) !important;

        /* более однотонный shine-вид с мягким переливом */
        background: linear-gradient(
            110deg,
            var(--btn-shine) 0%,
            #5d5d5d 45%,
            var(--btn-shine) 100%
        ) !important;
        background-size: 180% 100% !important;
        background-position: 100% 0 !important;
        animation: shine-hover-soft .8s ease-out 1 forwards !important;

        transition: all 0.2s ease-in-out !important;
    }

    /* Вторичная кнопка */
    a.t-store__prod-popup__btn.t-btn.t-btnflex.t-btnflex_type_button.cinstall-secondary-btn:hover {
        cursor: pointer;
        background: var(--white) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--black) !important;
        transform: translateY(-1px);
        box-shadow: 0px 4px 10px rgb(0 0 0 / 10%) !important;
        transition: all 0.2s ease-in-out !important;
    }
}

@media screen and (max-width: 561px) {
    .cinstall-btn-group__text.t-descr.t-descr_xxs.t-typography__options {
        padding-bottom: 0px;
    }
    
    /* Кнопки */
    a.t-store__prod-popup__btn.t-btn.t-btnflex_sm.cinstall-native-btn.t-btnflex.t-btnflex_type_button,
    a.t-store__prod-popup__btn.t-btn.t-btnflex.t-btnflex_type_button.cinstall-secondary-btn,
    a.t-store__prod-popup__btn.t-btn.t-btn_sm.cinstall-native-btn {
        width: auto;
        height: 40px;
        border-radius: 10000px !important;
        padding: 0 0px !important;
        transition: all .2s ease-in-out !important;
    }
        
    .t-store__prod-popup__btn-wrapper.cinstall-btn-group.t-store__prod-popup__btn-wrapper-fixed.cinstall-btn-group--fixed {
        padding: 15px 20px 80px 20px !important;
        gap: 8px;
    }

    a.t-store__prod-popup__btn.t-btn.t-btnflex_sm.cinstall-native-btn.t-btnflex.t-btnflex_type_button,
    a.t-store__prod-popup__btn.t-btn.t-btn_sm.cinstall-native-btn {
        order: 1;
    }
}