Banner Encontro de Casais

:root { --botao-gradiente-cor1: #00346F; --botao-gradiente-cor2: #256dbf; --botao-gradiente-cor3: #F4BF36; --botao-gradiente-cor4: #ffdf8d; } .form-news { width: 100%; margin: 0 !important; display: flex; flex-wrap: wrap; border-radius: 50px } .form-news label { width: 100% !important; color: #FFF !important; font-family: var(--e-global-typography-primary-font-family) !important; font-size: 16px !important; font-style: normal !important; font-weight: 400 !important; line-height: 24px !important; margin-bottom: 4px !important; } .email-news { border: none !important; border-radius: 100px !important; padding: 12px 165px 12px 16px!important; height: 48px; background: #FFF; color: #000; font-family: var(--e-global-typography-secondary-font-family) !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; width: 100% !important; margin-bottom: 0 !important; } input::placeholder { font-family: var(--e-global-typography-primary-font-family) !important; font-weight: 400; color: #535353; } .btn-news { background: #1D70B8 !important; color: #FFF !important; font-family: var(--e-global-typography-primary-font-family) !important; font-size: 14px !important; font-style: normal !important; font-weight: 600 !important; line-height: 21px !important; padding: 10px 16px !important; border-radius: 100px !important; width: auto !important; height: auto !important; text-transform: none !important; border: none !important; position: absolute; top: 4px; right: 6px; } .btn-news:hover { color: #FFF; background: #030036 !important; } @media(max-width: 1024px) { .btn-news { position: relative; top: 16px; right: auto; width: 100% !important; } .email-news { padding: 12px 16px 12px 16px!important; } .email-news { border: 1px solid #f1f1f1 !important; } } @media(max-width: 767px) { /* .email-news { width: 100% !important; margin-bottom: 16px !important; } .btn-news { margin: 0 auto !important; } */ }