added styles for error with dont clicked checkbox in payments modal

This commit is contained in:
Kostya
2023-12-21 16:37:16 +03:00
parent 89ba138405
commit d01eda328d
2 changed files with 31 additions and 1 deletions

View File

@@ -195,6 +195,32 @@ input[type="checkbox"]:checked::before {
margin-left: 26px;
}
.error-checkbox {
position: absolute;
}
.error-checkbox h2 {
font-size: 13px;
font-weight: 400;
color: #c52f2f;
}
.checkbox-styles input:disabled:hover {
animation: shake 0.6s cubic-bezier(.36, .07, .19, .97);
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-4px);
}
20%, 40%, 60%, 80% {
transform: translateX(4px);
}
}
.number-card {
margin-top: 15px;
}