.ons-phase-banner {
    background: var(--ons-color-white);
    border-bottom: 1px solid var(--ons-color-borders);
    padding: 0.5rem 0;
    &__badge {
        background: var(--ons-color-black);
        color: var(--ons-color-white);
        @extend .ons-u-fs-s--b;

        margin: 0 0.5rem 0 0;
        outline: 2px solid transparent; // Add transparent outline because Windows High Contrast Mode doesn't show background
        padding: 0.4rem;
        text-transform: uppercase;
    }

    &__desc {
        margin-top: 0.25rem;
    }
}