.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;
}
}