/*
Элементы управления
 */

.lightButton{
    text-decoration: none;
    display: inline-flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background: linear-gradient(93deg, #FFF -53.76%, #D9DAFF 59.49%);
    backdrop-filter: blur(6px);
    color: var(--black-color);
    font-size: 24px;
    line-height: normal;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    cursor: pointer;
    user-select: none;
}
.lightButton:hover{
    background: linear-gradient(93deg, #FFF 100%, #D9DAFF 159.49%);
}

.secondButton{
    text-decoration: none;
    display: inline-flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border: 1px solid #D9DAFF;
    backdrop-filter: blur(6px);
    font-size: 24px;
    line-height: normal;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    cursor: pointer;
    user-select: none;
}
.secondButton:hover{
    box-shadow: inset 0 0 0 3px var(--second-text-color);
}

.openCabinet{
    background: linear-gradient(201deg, rgba(217, 218, 255, 0.10) -21.86%, rgba(255, 254, 254, 0.00) 67.21%);
    padding: 12px 24px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    cursor: pointer;
}
.openCabinet:hover{
    background: linear-gradient(98deg, rgba(217, 218, 255, 0.10) 88.18%, rgba(255, 254, 254, 0.00) 101.98%);
}

/*
Для форм и элементов
 */

label{
    display: flex;
    flex-direction: column;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap:12px;
}

label > input{
    background-color: rgba(27, 27, 27, 0);
    padding: 24px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #F4F4F4;
}
label > input:focus{
    outline: none;
}

input[type="submit"]{
    display: flex;
    max-width: 556px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background: linear-gradient(93deg, #FFF -53.76%, #D9DAFF 59.49%);
    color: #1B1B1B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border:0;
}
input[type="submit"]:hover{
    background: white;
    cursor: pointer;
}