.pwa-install--hidden {
    display: none !important;
}

.pwa-install__logo {
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--tenant-primary) 12%, #ffffff 88%) 0%,
        #ffffff 100%
    );
    box-shadow:
        0 1px 2px rgb(0 0 0 / 0.06),
        0 0 0 1px color-mix(in srgb, var(--tenant-primary) 22%, transparent);
}

.dark .pwa-install__logo {
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--tenant-primary) 22%, #111827 78%) 0%,
        #1f2937 100%
    );
    box-shadow:
        0 1px 3px rgb(0 0 0 / 0.35),
        0 0 0 1px color-mix(in srgb, var(--tenant-primary) 35%, transparent);
}

.pwa-install__logo-img {
    transform: scale(1.12);
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.08));
}

.pwa-install__button {
    cursor: pointer;
    transition: filter 150ms ease-out, transform 150ms ease-out;
}

.pwa-install__button:hover {
    filter: brightness(0.96);
}

.pwa-install__button:active {
    transform: scale(0.98);
}

.pwa-install__button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tenant-primary) 55%, #ffffff 45%);
}