.black-friday-banner {
    position: relative;
    padding-right: 3.75rem;
    padding-left: 1rem;
}

.black-friday-banner__close {
    position: absolute;
    top: .625rem;
    right: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: #b7c3d2;
    cursor: pointer;
}

.black-friday-banner__close[hidden] {
    display: none;
}

.black-friday-banner__close:hover,
.black-friday-banner__close:focus-visible {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.black-friday-banner__close:focus-visible {
    outline: 2px solid #ea755e;
    outline-offset: 2px;
}

@media (min-width: 576px) {
    .black-friday-banner {
        padding-left: 3.75rem;
    }
}