.bw-banner {
    position: relative;
    margin: 16px 16px 0;
    padding: 11px 48px;
    border: 1px solid #900c57;
    border-radius: 4px;
    background: #330e1f;
    color: #fff;
    font:
        400 16px/1.5 'Satoshi',
        Arial,
        Helvetica,
        sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.bw-banner a {
    color: inherit;
    text-decoration: none;
}

.bw-banner p {
    margin: 0;
}

.bw-banner strong {
    font-weight: 700;
}

/* Editorial links and controls stay usable above the background destination. */
.bw-banner
    :is(a, button, input, select, textarea, summary, video, audio, iframe) {
    position: relative;
    z-index: 2;
}

.bw-banner .bw-banner-close {
    position: absolute;
    z-index: 3;
    top: 1px;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font:
        24px/1 Arial,
        sans-serif;
    cursor: pointer;
}

.bw-banner a:focus-visible,
.bw-banner-close:focus-visible {
    outline: 3px solid #c6b4ff;
    outline-offset: -5px;
}

.bw-banner .bw-banner-hit-area {
    position: absolute;
    inset: 0;
    z-index: 1;
}