# Článek

.contact-form { max-width: 450px; margin: 40px auto; background: #ffffff; padding: 30px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); font-family: 'Inter', Arial, sans-serif; } .contact-form h2 { text-align: center; margin-bottom: 25px; color: #333; font-weight: 600; } .contact-form label { display: block; margin-bottom: 6px; font-weight: 500; color: #444; } .contact-form input, .contact-form textarea { width: 100%; padding: 12px 14px; margin-bottom: 18px; border: 1px solid #dd...

## Obsah článku

.contact-form { max-width: 450px; margin: 40px auto; background: #ffffff; padding: 30px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); font-family: 'Inter', Arial, sans-serif; } .contact-form h2 { text-align: center; margin-bottom: 25px; color: #333; font-weight: 600; } .contact-form label { display: block; margin-bottom: 6px; font-weight: 500; color: #444; } .contact-form input, .contact-form textarea { width: 100%; padding: 12px 14px; margin-bottom: 18px; border: 1px solid #ddd; border-radius: 10px; font-size: 15px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .contact-form input:focus, .contact-form textarea:focus { border-color: #f5ca99; box-shadow: 0 0 0 3px rgba(245,202,153,0.25); outline: none; } .contact-form button { display: block; width: 100%; background-color: #f5ca99; color: #333; font-weight: 600; border: none; border-radius: 10px; padding: 14px; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease; } .contact-form button:hover { background-color: #f4b96d; transform: translateY(-2px); } .contact-form button:active { transform: translateY(0); } Napište nám Jméno a příjmení * Email * Zpráva ✉ Odeslat

- [Veřejná stránka článku](https://defix.cz/formular)