.new-text-styles {
    font-family: var(--font-family);
    font-size: calc((30 / 16) * 1rem);

    /* Resets */
    address, article, aside, blockquote, canvas, dd, div, dl, dt, fieldset, figcaption, figure, footer, form,
    h1, h2, h3, h4, h5, h6, header, hr, li, main, nav, noscript, ol, p, pre, section, table, tfoot, ul, video {
        font-family: var(--font-family);
        color: var(--text);
    }

    h1, h2, h3, h4, h5, h6 {
        margin: 0 0 0.2em;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -0.02em;
    }

    p {
        margin: 0 0 1em;
        line-height: calc(39/35);
        letter-spacing: -0.02em;
    }

    a {
        color: var(--link);

        &:hover {
            color: var(--link-hover);
        }
    }

    button.btn {
        appearance: none;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
    }

    a.btn,
    button.btn {
        display: inline-flex;
        gap: var(--sp);
        max-width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration: none;
        font-family: var(--font-family);
        font-weight: 600;
        font-size: calc((30 / 16) * 1rem);
        line-height: 1em;
        cursor: pointer;
        padding: calc((8 / 30) * 1em) calc((80 / 30) * 1em);
        min-height: calc((74 / 30) * 1em);
        background: var(--button-surface);
        color: var(--button-text);
        letter-spacing: -0.02em;
        text-transform: lowercase;
        border: 2px solid var(--button-surface);
        border-radius: calc((5 / 30) * 1em);
        transition: 200ms;

        &:hover,
        &:focus {
            background: var(--button-surface-hover);
            color: var(--button-text-hover);
            border-color: var(--button-surface-hover);
        }

        &.-strawberry-lemon {
            --button-surface: var(--strawberry-lemon);
        }

        &.-blackberry-ginger {
            --button-surface: var(--blackberry-ginger);
        }

        &.-lemon-fizz {
            --button-surface: var(--lemon-fizz);
            --button-text: var(--black);
        }

        &.-cherry-limeade {
            --button-surface: var(--cherry-limeade);
        }

        &.-black {
            --button-surface: var(--black-text);
            --button-text: var(--white);
        }

        &.-black-outline {
            --button-surface: var(--black-text);
            --button-text: var(--black-text);
            background: none;

            &:hover,
            &:focus {
                background: var(--button-surface-hover);
                color: var(--button-text-hover);
                border-color: var(--button-surface-hover);
            }
        }
    }

    .section-title-new {
        font-size: calc((120 / 16) * 1rem);
    }

    hr {
        border-top: 2px solid var(--green);

        &:has(+ [class*="block-"]) {
            margin-bottom: 0;
        }
    }

    @media (max-width: 959px) {
        font-size: calc((21 / 16) * 1rem);

        .section-title-new {
            font-size: calc((64 / 16) * 1rem);
        }

        a.btn {
            font-size: calc((20 / 16) * 1rem);
        }
    }
}