.contact-form__field{border:4px solid var(--color-red);width:100%;color:var(--color-ink);background:#fff;border-radius:0;padding:1.125rem .75rem 1.125rem 1.5rem;font-size:1.125rem;line-height:1.5625rem;display:block}.contact-form__field::placeholder{color:#d63a3a;opacity:1}.contact-form__message{resize:none;min-height:7rem;padding-block:.625rem}@media (hover:hover){.contact-form__field:hover{border-color:#fe606080}}.contact-form__field:focus{border-color:#fe606080;outline:none}.contact-form__field:focus-visible{box-shadow:none}.contact-form__field[aria-invalid=true]{border-color:var(--color-invalid);background:#ff40401a}.contact-form__submit{border:4px solid var(--color-red);background:var(--color-red);color:#fff;cursor:pointer;padding-block:.75rem;font-size:1rem;font-weight:700;transition:border-color .4s,background-color .4s,color .4s}@media (hover:hover){.contact-form__submit:hover{border-color:var(--color-form);color:var(--color-form);background:#fff}}@media (min-width:48rem){.contact-form__field{font-size:var(--text-field);padding:.5rem .75rem .5rem 2.5rem;line-height:1.4}.contact-form__message{min-height:8rem;padding:.625rem .625rem .25rem 2.5rem}.contact-form__submit{padding-block:.5625rem;font-size:.875rem}}@media (min-width:48rem) and (hover:none){.contact-form__field{font-size:1rem;line-height:1.225}}
