main:has(aside.referral-notice:first-child) {
    padding-top: 0;
}

aside.referral-notice {
    background-color: var(--color--brand--highlight);
    display: none;
    justify-content: center;
    align-items: center;
    padding-block: var(--space-m);
    padding-inline: var(--space-s);
    border-top: solid var(--size--border) var(--color--border);
    text-align: center;
    flex-direction: column;
    row-gap: var(--space-m);

    &:first-child {
        margin-bottom: var(--space-xl);
        border-top: none;
        border-bottom: solid var(--size--border) var(--color--border);
    }

    &.visible {
        display: flex;
    }

    p {
        margin-bottom: 0;
        font-family: var(--font--title--family--small);
        font-size: var(--font--title--size--small);
        font-weight: var(--font--title--weight--small);
        line-height: var(--font--title--line-height--small);
        letter-spacing: var(--font--title--letter-spacing--small);
        text-transform: var(--font--title--casing--small);
    }

    @media screen and (min-width: 600px) {
        flex-direction: row;
    }
}