.box-button {
    width: 142.5px;
    height: max-content;
    background: #eee;
    transition: .5s;
}

.box-button:hover {
    cursor: pointer;
    border: 1px solid black;
    box-shadow: -3px -3px 10px 10px #42d392,
    3px 3px 10px 10px #647eff;
}


.box-button:active {
    opacity: .7;
    transform: scale(.97);
}

.form-style {
    width: 75vw;    
}

.border-coral {
    border: 1px solid coral;
    background-color: black;
    color: white;
}

.gradient-text {
    background: -webkit-linear-gradient(315deg,#42d392 25%,#647eff);
}

.gradient-text {
    background: -webkit-linear-gradient(315deg,#42d392 25%,#647eff);
}

.gradient_text_vue_ku {
    background: -webkit-linear-gradient(315deg,#42d392 25%,#647eff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

button.btn-close {
    color: white !important;
}

.textAutoContrast {
    transition: color .3s ease;
}