.che-newsletter {
max-width: 420px;
margin: 1.5rem 0;
padding: 1.25rem 1.5rem;
border: 1px solid #dcdcde;
border-radius: 4px;
background: #fff;
box-sizing: border-box;
}
.che-newsletter *,
.che-newsletter *::before,
.che-newsletter *::after {
box-sizing: border-box;
}
.che-newsletter__title {
margin: 0 0 1rem;
font-size: 1.25rem;
line-height: 1.3;
}
.che-newsletter__notice {
margin: 0 0 1rem;
padding: 0.75rem 1rem;
border-radius: 3px;
font-size: 0.95rem;
}
.che-newsletter__notice--success {
background: #edfaef;
border: 1px solid #68de7c;
color: #005c12;
}
.che-newsletter__notice--error {
background: #fcf0f1;
border: 1px solid #ff8085;
color: #8a2424;
}
.che-newsletter__field {
margin-bottom: 1rem;
}
.che-newsletter__label {
display: block;
margin-bottom: 0.35rem;
font-weight: 600;
}
.che-newsletter__required {
color: #b32d2e;
}
.che-newsletter__input {
width: 100%;
padding: 0.6rem 0.75rem;
border: 1px solid #8c8f94;
border-radius: 3px;
font-size: 1rem;
line-height: 1.4;
}
.che-newsletter__input:focus {
border-color: #2271b1;
outline: 1px solid #2271b1;
}
.che-newsletter__recaptcha {
margin-bottom: 1rem;
}
.che-newsletter__button {
display: inline-block;
padding: 0.65rem 1.25rem;
border: none;
border-radius: 3px;
background: #2271b1;
color: #fff;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
line-height: 1.4;
}
.che-newsletter__button:hover,
.che-newsletter__button:focus {
background: #135e96;
}
.che-newsletter__button:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.che-newsletter__notice[hidden] {
display: none !important;
}
.che-newsletter__button.is-loading {
opacity: 0.65;
cursor: wait;
}
.che-newsletter-disabled {
color: #646970;
font-style: italic;
}