/*********************************************************
    Buttons
*********************************************************/

/* Кнопка: дефолтный стиль */

.btn.btn-default {
    background-color: var(--siniy);
    color: var(--belyy);
}

.btn.btn-default:hover {
    background-color: var(--siniy2);
}

.btn.btn-default[aria-disabled], .btn.btn-default[disabled], .btn.btn-default.btn-disabled {
    opacity: 0.5;
}

/* Кнопка: Эффект заполнения */

.btn.btn-default.btn-fill:hover {
    background-color: var(--siniy);
}

.btn.btn-default.btn-fill:hover:before {
    background-color: var(--siniy2);
}

/* Кнопка: Эффект волны */

.btn.btn-default.btn-wave:hover {
    transition: .3s ease background-color;
    transition-delay: .4s;
}

.btn.btn-default.btn-wave:after {
    background-color: var(--siniy2);
}

/* Кнопка: с границами цветная при ховере */

.btn.btn-default-outline {
    background-color: transparent;
    color: var(--siniy);
    border: 1px solid var(--siniy);
}

.btn.btn-default-outline:hover {
    background-color: var(--siniy);
    border-color: var(--siniy);
    color: var(--belyy);
}

.btn.btn-default-outline svg {
    fill: var(--siniy);
}

.btn.btn-default-outline:hover svg {
    fill: var(--belyy);
    transition-delay: .2s;
}

.btn.btn-default-outline[aria-disabled], .btn.btn-default-outline[disabled], .btn.btn-default-outline.btn-disabled {
    opacity: 0.5;
}

/* Кнопка: Эффект заполнения */

.btn.btn-default-outline.btn-fill:hover {
    background-color: transparent;
}

.btn.btn-default-outline.btn-fill:hover:before {
    background-color: var(--siniy);
}

/* Кнопка: Эффект волны */

.btn.btn-default-outline.btn-wave:hover {
    transition: .4s ease background-color, .4s ease color;
    transition-delay: .2s;
}

.btn.btn-default-outline.btn-wave:after {
    background-color: var(--siniy);
}

/* Кнопка: с тенью */

.btn.btn-shadow {
    color: var(--temnyy-seryy);
    border: none;
    backdrop-filter: blur(12px);
    box-shadow: 0 0 20px 0 rgba(35, 51, 87, 0.1);
    background: rgba(255, 255, 255, 0.85);
}

.btn.btn-shadow:hover {
    background: rgba(91, 127, 255, 0.85);
    color: var(--belyy);
}

.btn.btn-shadow svg {
    fill: var(--temnyy-seryy);
}

.btn.btn-shadow:hover svg {
    fill: var(--belyy);
}

/* Кнопка: ссылка */

.btn.btn-link {
    color: var(--seryy);
}

.btn.btn-link svg {
    fill: var(--seryy);
}

.btn.btn-link:hover {
    color: var(--siniy);
}

.btn.btn-link:hover svg {
    fill: var(--siniy);
}

.btn.btn-link[aria-disabled], .btn.btn-link[disabled], .btn.btn-link.btn-disabled {
    color: var(--seryy);
}

.swiper-button-next, .swiper-button-prev {
    border-color:  var(--svetloseryy);
}