.paywall {
    position           : relative;
    background-color   : #050038;
    margin             : 50px 0 20px;
    border-radius      : 10px;
    overflow           : hidden;
    padding            : 60px 15px;
    text-align         : center;
    border-radius      : 25px;
    color              : #fff;
    background-image   : url(https://orbitaxservices.com/wp-content/uploads/assets/images/taxnews-cta.webp);
    background-repeat  : no-repeat;
    background-position: center left;
    background-size    : cover;
    display            : flex;
    justify-content    : center;
    align-items        : center;

    .paywall-counter-container {
        display        : flex;
        flex-direction : column;
        align-items    : center;
        justify-content: center;
    }

    .paywall-counter-list {
        display        : flex;
        flex-direction : row;
        align-items    : center;
        justify-content: center;
        width          : auto;
        padding        : 0;
        margin         : 0 0 25px;
        list-style     : none;
    }

    .paywall-counter-item {
        display        : flex;
        flex-direction : row;
        align-items    : center;
        justify-content: center;
        color          : #fff;
        font-size      : 18px;
        font-weight    : 500;
        width          : 32px;
        height         : 32px;
        border         : 1px solid rgba(255, 255, 255, 0.5);
        border-radius  : 30px;
        margin         : 0 5px;

        .paywall-check-icon {
            display: none;
        }

        &.checked {
            background: #175CFF;
            border    : 1px #175CFF solid;

            span {
                display: none;
            }

            .paywall-check-icon {
                display: block;
            }
        }
    }

    .paywall-text {
        font-family   : 'Geist', sans-serif;
        padding-bottom: 45px;
        margin        : 0 0 45px;
        max-width     : 400px;
        border-bottom : 1px dashed rgba(255, 255, 255, 0.5);
    }

    .paywall-cta-text {
        font-family: 'Geist', sans-serif;
        font-weight: normal;
        font-style : normal;
        font-size  : 20px;
        line-height: 30px;
    }

    .paywall-btn-subscribe {
        display         : inline-block;
        border-radius   : 100px;
        padding         : 0.75rem 3.125rem;
        font-size       : 1.125rem;
        font-family     : 'formularregular', sans-serif;
        font-weight     : normal;
        font-style      : normal;
        background-color: #175CFF;
        color           : #fff;
        text-decoration : none;
        margin-top      : 10px;
    }

    .paywall-login-link {
        margin-top: 20px;
        font-size : 0.95rem;

        a {
            color          : #fff;
            text-decoration: underline;
        }
    }
}

.paywall-truncated {
    position  : relative;
    max-height: 30vh;
    overflow  : hidden;

    &::after {
        content       : "";
        position      : absolute;
        bottom        : 0;
        left          : 0;
        width         : 100%;
        height        : 120px;
        background    : linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
        pointer-events: none;
    }
}

.paywall-counter-standalone {
    margin-top: 30px;
}