.paywall-container {
    background-color: #f5f5f5;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 33px;

    .separator {
        width: 100%;
        height: 1px;
        background-color: #E5E5E5;
    }

    p {
        margin: 0;
    }

    .checkmark-icon {
        width: 14px;
    }

    input[type="button"],
    input[type="submit"],
    .wp-block-button__link {
        border: 1px solid #D4D4D4;
        border-radius: 6px;
        padding: 10px;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        background-color: #000;
    }

    .paywall-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 15px;

        .paywall-messages {
            display: flex;
            flex-direction: column;
            gap: 4px;

            .paywall-message {
                font-size: 20px;
                font-weight: 500;
            }

            .paywall-submessage {
                font-size: 14px;
                max-width: 550px;
            }
        }
    }

    .paywall-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 32px;

        >* {
            display: flex;
            flex-direction: column;
            padding: 25px;
            background-color: #FFFFFF;
            border: 1px solid #E5E5E5;
            border-radius: 6px;
            height: fit-content;
        }

        .paywall-login-form {
            gap: 16px;

            .paywall-login-form-title {
                font-size: 18px;
                font-weight: 500;
            }

            form {
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: center;
                gap: 16px;

                input[type="text"],
                input[type="password"] {
                    font-size: 16px;
                }

                .forgot-password a {
                    font-size: 12px;
                }
            }
        }

        .paywall-subscribe-form {
            gap: 16px;

            >img {
                width: 36px;
            }

            .paywall-subscribe-text {
                font-size: 14px;
            }

            ul {
                padding: 0;
                margin: 0;
                list-style: none;

                li {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: 8px;
                    margin-bottom: 8px;
                    font-size: 12px;
                }
            }
        }
    }
}