.bgs-home-install-banner {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), .12), var(--bgs-surface));
    border-color: rgba(var(--bs-primary-rgb), .28);
}

.bgs-home-install-banner .bgs-card-body {
    position: relative;
}

.bgs-home-install-close {
    position: absolute;
    top: .85rem;
    right: .85rem;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    padding: .45rem;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, .72);
    opacity: 1;
    -webkit-tap-highlight-color: transparent;
}

.bgs-home-install-close:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .22);
}

[data-bs-theme="dark"] .bgs-home-install-banner {
    background: linear-gradient(135deg, rgba(37, 99, 235, .24), rgba(15, 23, 42, .86));
    border-color: rgba(96, 165, 250, .34);
}

[data-bs-theme="dark"] .bgs-home-install-close {
    background-color: rgba(15, 23, 42, .78);
    filter: invert(1) grayscale(100%) brightness(200%);
}

@supports (-webkit-touch-callout: none) {
    .bgs-home-install-banner {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
