/*
=================================================
BLOKS NEWS LAYER
Version: 1.0.0
=================================================
*/

/* =========================================================
   BLOKS News UI
   Experimental layer for news.bloks.net
   Loads after bloks-ui.css
========================================================= */

.bloks-news-signup-panel {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    padding: clamp(2rem, 4vw, 4rem);
}

.bloks-news-benefits {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}

.bloks-news-benefits li {
    margin: 0.75rem 0;
    color: var(--bloks-text-soft);
}

.bloks-news-form-wrap {
    margin: 2rem 0;
}

.bloks-news-small {
    font-size: 0.9rem;
    opacity: 0.7;
}