.newsletter-cont {
    background-color: var(--whitesmoke-dark);
    border-radius: 5px;
    display: flex;
    margin-bottom: 24px;
    padding: 20px;
}
.newsletter-cont .side-right {
    align-items: center;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: center;
}
.newsletter-cont .side-left {
    align-items: center;
    display: flex;
    flex: 1 0 0;
    justify-content: center;
}
.newsletter-cont .block-title {
    color: var(--dimgray);
    font-size: var(--fs-22);
}
.newsletter-cont .block-desc {
    color: var(--dimgray);
    font-size: var(--fs-14);
}
.newsletter-cont .loading {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}
.newsletter-cont .loading-text {
    color: var(--dimgray);
    font-size: var(--fs-14);
}
.newsletter-cont .message-success {
    align-items: center;
    color: var(--green);
    display: flex;
    flex-direction: column;
    font-size: var(--fs-14);
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
}
.newsletter-cont .message-success i {
    font-size: var(--fs-24);
}
.newsletter-cont .message-error {
    align-items: center;
    color: var(--first);
    display: flex;
    flex-direction: column;
    font-size: var(--fs-14);
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
}
.newsletter-cont .message-error i {
    font-size: var(--fs-24);
}
.newsletter-cont .field-cont {
    display: flex;
    justify-content: center;
}
.newsletter-cont .fld-newsletter {
    border: medium none;
    border-radius: 0 5px 5px 0;
    font-size: var(--fs-14);
    height: 34px;
    padding: 0 10px;
}
.newsletter-cont .fld-newsletter::placeholder {
    color: var(--dimgray);
    font-size: var(--fs-13);
}
.newsletter-cont .btn-send {
    background-color: var(--fifth);
    border: medium none;
    border-radius: 5px 0 0 5px;
    color: var(--white);
    font-size: var(--fs-14);
    height: 34px;
    padding: 0 16px;
}