.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}


.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-radius: 50px;
}

    .btn-primary:focus, .btn-primary, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
        background-color: white;
        color: #223F3B;
        border-color: #5CC87A;
    }

        .btn-primary:not(:disabled):not(.disabled):hover {
            background-color: #F1F1F1 !important;
            color: #223F3B;
            border-color: #5CC87A;
        }

        .btn-primary.disabled, .btn-primary:disabled, button[disabled=disabled] {
            cursor: not-allowed !important;
            background-color: white;
            border-color: #424C3D;
            color: #223F3B;
        }

            .btn-primary.btn-green-hovered:not(:disabled):not(.disabled):hover {
                background-color: #5CC87A !important;
                color: #F8F9FA;
                border-color: #5CC87A;
            }

.btn-arrow {
    display: flex;
    justify-content: space-between;
    padding-left: 10pt;
    padding-right: 25pt;
    background: url(icons/btn-arrow.svg) calc(100% - 10px) 50% no-repeat !important;
}

.btn-arrowdown {
    padding-left: 10pt;
    padding-right: 25pt;
    background: url(icons/chevron-down.svg) calc(100% - 10px) 50% no-repeat !important;
}

    .btn-arrowdown.oppened {
        background: url(icons/chevron-up.svg) calc(100% - 10px) 50% no-repeat !important;
    }

@media (max-width: 1024px) {
    .btn-primary {
        height: 42px !important;
        flex: unset;
    }
}