$speed: 0.5s;

.default-btn {
    width: fit-content;
    padding: 10px 40px !important;
    height: auto;
    border-radius: 14px;
    position: relative;
    border: 0;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
}

.sign-btn {
    width: fit-content;
    padding: 15px !important;
    border: 0;
    color: #fff;
    border-radius: 14px;
    background-color: #00458f;
    border-radius: 8px;

}

.register-form {
    .sign-btn {
        width: 100%;
        padding: 15px !important;
        border: 0;
        color: #fff;
        border-radius: 14px;
        background-color: #00458f;
        border-radius: 8px;

    }
}

.btn-light-green {
    color: #99cc33;
    background-color: rgba(153, 204, 51, 0.1);
}

.btn-green {
    color: #fff;
    background-color: #99cc33;
}

.btn-shedule {
    color: #f5a528;
    background-color: rgba(245, 165, 40, 0.1);
}

.btn-pending {
    background-color: rgba(29, 29, 29, 0.1);
    color: #1d1d1d;
}

.btn-dangers {
    background-color: #f42c2b;
    color: #fff;
}

.btn-red {
    background-color: rgba(244, 44, 43, 0.1);
    color: #f42c2b;
}

.btn-cancel {
    background-color: rgba(244, 44, 43, 0.1);
    color: #fff;
}

.btn-grey {
    border: 1px solid #fdfdfd;
}

.bok-btn {
    background-color: #07458f;
    color: #fff;
    border-radius: 14px;
}

.btn-blue-effect {
    opacity: 1;
    outline: 0;
    color: #fff;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    border: 0;

    &:after {
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        display: block;
        align-items: center;
        border-radius: 4px;
        transition: 0.5s;
        position: absolute;
        background: #00458f;
        content: attr(data-back);
        transform: translateY(-50%) rotateX(90deg);
        border: 1px solid transparent;
        border-radius: 4px;
        border: 0;
        line-height: 37px;
    }

    &:before {
        top: 0;
        left: 0;
        opacity: 1;
        color: #fff;
        display: block;
        padding: 0 30px;
        transition: $speed;
        position: relative;
        background: #99cc33;
        content: attr(data-front);
        transform: translateY(0) rotateX(0);
        border: 0;
    }

    &:hover {

        &:after {
            border: 0;
            opacity: 1;
            transform: translateY(0) rotateX(0);
        }

        &:before {
            border: 0;
            opacity: 0;
            transform: translateY(50%) rotateX(90deg);
        }
    }
}

.submit-btn {
    width: fit-content;
    padding: 16px 48px;
    border-radius: 14px;
    background-color: #00458f;
    color: #fff;
}

.back-btn {
    display: inline-flex !important;
    cursor: pointer;
}

button.ant-btn-default {
    &:hover {
        background-color: #82bb0e !important;

        span {
            color: #fff !important;
        }
    }
}

.btn-upload {
    border-radius: 14px;
    border: solid 1px #07458f !important;
    background-color: #07458f1a;
    color: #00458f;
}

.modal-btn {
    background-color: transparent;

}