.about-credit {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid #dbe4ea;
    border-radius: 18px;
    background: rgba(255, 255, 255, .72);
}

.about-credit .about-meta {
    padding: 7px 6px 10px;
    background: transparent;
}

.pwa-install {
    position: relative;
    width: 100%;
    min-height: 58px;
    display: grid;
    grid-template-columns: 40px 1fr 26px;
    align-items: center;
    gap: 11px;
    margin: 0;
    padding: 9px 12px 9px 9px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 15px;
    background: linear-gradient(135deg, #00305b, #064a7c);
    color: #fff;
    text-align: left;
    box-shadow: 0 10px 28px rgba(0, 48, 91, .2);
    cursor: pointer;
    transition: transform .2s, box-shadow .2s, filter .2s;
}

.pwa-install[hidden], .pwa-install-hint[hidden] { display: none !important; }
.pwa-install:hover { transform: translateY(-2px); box-shadow: 0 15px 34px rgba(0, 48, 91, .28); filter: saturate(1.08); }
.pwa-install:active { transform: translateY(0); }
.pwa-install > img { width: 40px; height: 40px; border-radius: 12px; object-fit: cover; box-shadow: 0 4px 13px rgba(0, 24, 48, .3); outline: 1px solid rgba(255, 255, 255, .45); }
.pwa-install > span { display: grid; gap: 1px; }
.pwa-install > span strong { font-size: 13px; line-height: 1.2; }
.pwa-install > span small { color: rgba(255, 255, 255, .7); font-size: 10px; font-weight: 600; }
.pwa-install > b { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: rgba(255, 255, 255, .13); font-size: 15px; }
.pwa-install-hint { margin: 8px 4px 2px !important; color: #6f808a !important; font-size: 11px !important; line-height: 1.45; }

@media (max-width: 480px) {
    .about-credit { padding: 8px; }
    .pwa-install { min-height: 55px; grid-template-columns: 38px 1fr 24px; }
    .pwa-install > img { width: 38px; height: 38px; }
    .pwa-install > span strong { font-size: 12px; }
}