input[type=text], input[type=email], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; margin-top: 6px; resize: none } .field { margin-bottom: 16px; } .button { background-color: var(--c-b-primary); padding: 15px 50px; margin-right: 15px; border: none; border-radius: 4px; font-size: 16px; margin-left: 0px; color: var(--c-a-primary); text-align: center; text-decoration: none; display: inline-block; } .button:hover { background-color: var(--c-a-secondary); color: var(--c-b-primary); } .button.active { background-color: var(--c-a-secondary); color: var(--c-b-primary); } #contact-info a[href^="tel:"]::before { content: "☎️ "; } #contact-info a[href^="mailto:"]::before { content: "✉️ "; } #contact-info a[href*="google.com/maps"]::before { content: "📌 "; } .contact { display: grid; gap: 25px; } @media screen and (min-width: 700px) { .contact { grid-template-columns: 2fr 1fr; } }