.header__social-btn,
.hero__column-btn,
.achievements__btn,
.footer__card-btn,
.advantages__card-btn{
        -webkit-box-shadow: 4px 7px 19px 0px rgba(16, 88, 173, 0.30);
        -moz-box-shadow: 4px 7px 19px 0px rgba(16, 88, 173, 0.30);
        box-shadow: 4px 7px 19px 0px rgba(16, 88, 173, 0.30);
}
.advantages__card-btn_dark {
        -webkit-box-shadow: 8px 5px 13px -5px rgba(34, 48, 110, 0.19);
        -moz-box-shadow: 8px 5px 13px -5px rgba(34, 48, 110, 0.19);
        box-shadow: 8px 5px 13px -5px rgba(34, 48, 110, 0.19);
}
.stories__slide > .stories__slide-box-img > a > .box-play > .play{
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
    }


@media (hover: hover) {
        .header__social-btn:hover,
        .hero__column-btn:hover,
        .achievements__btn:hover,
        .footer__card-btn:hover,
        .advantages__card-btn:hover{
                border-color: var(--hover-bg);
                background-color: var(--hover-bg);
                -webkit-box-shadow: 8px 5px 13px -5px rgba(96, 207, 255, 0.25);
                -moz-box-shadow: 8px 5px 13px -5px rgba(96, 207, 255, 0.25);
                box-shadow: 8px 5px 13px -5px rgba(96, 207, 255, 0.25);
        }
        .advantages__card-btn_dark:hover{
                border-color: #22306E;
                background-color: #1B38B6;
                -webkit-box-shadow: 8px 5px 13px -5px rgba(27, 56, 182, 0.22);
                -moz-box-shadow: 8px 5px 13px -5px rgba(27, 56, 182, 0.22);
                box-shadow: 8px 5px 13px -5px rgba(27, 56, 182, 0.22);
        }
        .path__info-link-doc:hover{
                border-color: var(--hover-bg);
                background-color: #00B3FF30;
                -webkit-box-shadow: 8px 5px 13px -5px rgba(96, 207, 255, 0.19);
                -moz-box-shadow: 8px 5px 13px -5px rgba(96, 207, 255, 0.19);
                box-shadow: 8px 5px 13px -5px rgba(96, 207, 255, 0.19);
        }
        .header__content-tel:hover{
                color: var(--hover-bg);
        }
        .accordion__card:hover{
                background-color: #f0f0f0;
        }
        .stories__slide-resh-sud:hover,
        .stories__slide-resh-sud:hover > svg{
                fill: var(--title-color);
                color: var(--title-color);
        }
        .footer__card-soc-link:hover > svg{
                fill: var(--hover-bg);
        }
        .phone-button:hover{
                background-color: #00B3FF;
                scale: 1.05;
                translate: 5% 5%;
        }
        .stories__slide:hover > .stories__slide-box-img > a > .box-play > .play{
                scale: 1.1;
            }
}