.button{color:var(--color-white);border-radius:var(--border-radius);transition-duration:var(--transition-duration);border:none;padding:12px 16px;line-height:1.2;text-decoration:none;box-shadow:0 12px 18px -6px #0000004d}.button:not([disabled]){cursor:pointer}.button--primary{background-color:var(--color-primary);color:var(--color-white)}@media (any-hover:hover){.button--primary:hover{background-color:var(--color-bg);color:var(--colpr-primary)}}@media (any-hover:none){.button--primary:active{background-color:var(--color-bg);color:var(--colpr-primary)}}.button--secondary{background-color:var(--color-bg);color:var(--color-primary)}@media (any-hover:hover){.button--secondary:hover{background-color:var(--color-secondary);color:var(--color-white)}}@media (any-hover:none){.button--secondary:active{background-color:var(--color-secondary);color:var(--color-white)}}.button--accent{background-color:var(--color-secondary);color:var(--color-white)}@media (any-hover:hover){.button--accent:hover{background-color:var(--color-primary);color:var(--color-white)}}@media (any-hover:none){.button--accent:active{background-color:var(--color-primary);color:var(--color-white)}}
.contact-form{flex-direction:column;row-gap:12px;max-width:500px;display:flex}.contact-form__row{column-gap:20px;display:flex}.contact-form__field{flex-direction:column;row-gap:3px;display:flex;position:relative}.contact-form__label{font-weight:400}.contact-form__input,.contact-form__textarea{width:100%;transition:var(--transition-duration);background-color:#fffc;border:none;border-radius:5px;padding:8px}.contact-form__input::placeholder,.contact-form__textarea::placeholder{font-size:14px}.contact-form__input:focus,.contact-form__textarea:focus{outline-color:var(--color-secondary);background-color:var(--color-bg)}.contact-form__field-error{width:max-content;color:var(--color-error);background-color:var(--color-bg);box-shadow:var(--box-shadow);border-radius:5px;padding:3px 7px;font-size:14px;font-weight:400;display:inline-flex;position:absolute;top:-5px;left:0}.contact-form__button{align-self:flex-start}