css bf email
dom
plain_text
24 days ago
2.5 kB
1
Indexable
Never
.email-padding { position: relative; width: 105%; @media (--medium-screen-up) { width: 130%; } } .email-cta { display: flex; flex-direction: column; width: 100%; @media (--small-screen-up) { flex-direction: row; justify-content: space-between; } } .email-input-container { padding: 10px; background-color: var(--kcl-black); @media (--small-screen-up) { width: 657px; } } .email-input-submit input { width: 321px; height: 60px; padding: 24px; font-size: 1.125rem; border-radius: 24px; outline: none; @media (--small-screen-up) { width: 388px; margin-right: 2px; } } .email-input-submit input::placeholder { color: var(--kcl-yellow); opacity: 100%; } .bf-cta-title { padding-bottom: 20px; color: var(--kcl-yellow); font-weight: 900; font-size: 23px; font-family: var(--font-family-kuniforma-regular); line-height: 28.8px; @media (--small-screen-up) { padding-bottom: 10px; font-size: 30px; line-height: 43px; } } .bf-cta-button-wrapper { padding-bottom: 20px; @media (--small-screen-up) { position: relative; top: -10px; padding-bottom: 0; } } .input-wrapper { position: relative; display: flex; flex-direction: column; width: 100%; height: 70px; @media (--small-screen-up) { max-width: 488px; margin: 0 8px 0 0; padding-bottom: 0; } } .email-input-submit { display: flex; flex-direction: column; align-items: flex-start; width: 100%; @media (--small-screen-up) { flex-direction: row; align-items: center; } } .privacy-link { text-decoration: underline; } .desktop-email-graphic { display: none; @media (--small-screen-up) { position: relative; top: 26px; display: block; width: 367px; height: 390px; } @media (--medium-screen-up) { top: -24px; } } .mobile-email-graphic { position: relative; display: flex; justify-content: center; padding: 33px 0 0; background-color: var(--kcl-yellow); } .mobile-image-wrapper { width: 260px; height: 196px; } .response-message-header-wrapper { padding-bottom: 19px; @media (--medium-screen-up) { padding-bottom: 37px; } } .message-copy { padding-bottom: 30px; color: var(--kcl-yellow); font-size: 17px; @media (--small-screen-up) { margin: 0 30px; } } .message-copy-larger { font-size: 25px; @media (--small-screen-up) { font-size: 36px; } @media (--medium-screen-up) { font-size: 41px; } }