.aw-banner-text {
    --banner-text-icon-size: theme('spacing.10', 2.5rem);

    display: grid;
    grid-gap: theme('spacing.1', 0.25rem) theme('spacing.4', 1rem);
    grid-template-areas:
        'icon title'
        'icon description';
    grid-template-columns: var(--banner-text-icon-size) auto;

    &__icon {
        grid-area: icon;

        display: flex;
        align-items: center;
        justify-content: center;

        width: var(--banner-text-icon-size);
        height: var(--banner-text-icon-size);

        background-color: var(--c-mono-800);
        background-position: center;
        background-size: cover;
        color: var(--c-mono-400);

        &--rounded {
            border-radius: 50%;
        }

        &--square {
            border-radius: 0.625rem;
        }
    }

    &__title {
        grid-area: title;
        margin: 0;

        &.aw-sub-headline {
            display: flex;
            gap: 0.25rem;
        }
    }

    &__title-arrow {
        font-size: 0.875em;
        margin-top: 0.25rem;
        /* margin-left: -0.25em; */
    }

    &__description {
        grid-area: description;
        margin: 0;
    }
}