body{ background: #FEE21A; } .btn-primary { border-width: 3px; border-color: #000000; font-size: 14px; line-height: 1; border-radius: 5px; padding-top: 14px; padding-bottom: 14px; font-weight: bold; background: #000000; color: #ffffff; text-transform: uppercase; border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active { background-color: #FEE21A; border-color: #000000; color: #000000; border-left: none; } .category{ padding: 0; } .form-control{ border: 4px solid #000000; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } input#formdata-email { height: 48px; margin-top: -3px; font-size: 16px; font-weight: 400; color: #707070; } .form-group.field-formdata-marketing_consent_own_283{ margin-top: 15px; } .category.agreement a{ color: #000000; text-decoration: underline; } .category.agreement a:hover, .category.agreement a:focus{ color: #000000; text-decoration: none; } @media all and (min-width: 500px) { .btn-primary { font-size: 20px; padding-top: 20px; padding-bottom: 20px; } input#formdata-email { height: 66px; font-size: 24px; } .category.agreement{ text-align: left; } } @media all and (max-width: 250px) { .btn-primary { font-size: 12px; min-height: 48px } }