47 lines
692 B
SCSS

.contact-form {
display: flex;
flex-direction: column;
row-gap: 7px;
margin-bottom: 3.125rem;
& .form-footer {
text-align: center;
margin-top: 15px;
}
& .form-result {
font-style: italic;
color: var(--font-color-gray);
}
& .error-message {
margin: 2px 0 3px 0;
display: block;
color: var(--color-error);
font-size: var(--font-size-sm);
user-select: none;
&::before {
content: "*";
}
}
& .flex {
column-gap: 10px;
& div {
width: 100%;
}
}
& input.error-input,
& textarea.error-input {
border: 1px solid var(--color-error);
}
}
@media screen and (max-width: 560px) {
.contact-form .flex {
flex-direction: column;
row-gap: 7px;
}
}