.pwa-install-button {
    position: fixed;
    z-index: 1035;
    left: max(1rem, env(safe-area-inset-left));
    bottom: max(1rem, env(safe-area-inset-bottom));
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.85rem;
    padding: .65rem .95rem;
    border: 0;
    border-radius: 999px;
    background: #393185;
    color: #fff;
    box-shadow: 0 .8rem 2rem rgba(26, 22, 74, .24);
    font-weight: 700;
}

.pwa-install-button:hover,
.pwa-install-button:focus-visible {
    background: #2f296f;
    color: #fff;
}

.pwa-ios-help {
    position: fixed;
    z-index: 1040;
    left: max(1rem, env(safe-area-inset-left));
    bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 3.6rem);
    width: min(22rem, calc(100vw - 2rem));
    padding: 1rem 2.8rem 1rem 1rem;
    border: 1px solid rgba(57, 49, 133, .18);
    border-radius: 1rem;
    background: #fff;
    color: #212529;
    box-shadow: 0 1rem 2.5rem rgba(24, 27, 45, .18);
}

.pwa-ios-help strong {
    display: block;
    margin-bottom: .35rem;
}

.pwa-ios-help p {
    margin: 0;
    color: #5d6470;
    font-size: .925rem;
}

.pwa-ios-help > button {
    position: absolute;
    top: .55rem;
    right: .55rem;
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #393185;
}

.pwa-ios-help > button:hover,
.pwa-ios-help > button:focus-visible {
    background: rgba(57, 49, 133, .08);
}

@media (max-width: 575.98px) {
    .pwa-install-button span {
        display: none;
    }

    .pwa-install-button {
        width: 3rem;
        padding: 0;
        justify-content: center;
    }
}

@media (display-mode: standalone) {
    .pwa-install-button,
    .pwa-ios-help {
        display: none !important;
    }
}

.pwa-install-button[hidden],
.pwa-ios-help[hidden] {
    display: none !important;
}