.connectivity-alert {
    position: sticky;
    top: 12px;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 14px;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(239, 107, 107, .16);
    border: 1px solid rgba(239, 107, 107, .44);
    color: #fff2ef;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .28);
}

.connectivity-alert strong {
    color: #ffd4ce;
    white-space: nowrap;
}

.connectivity-alert span {
    color: #f0c6c0;
    font-size: 13px;
}

@media (max-width: 760px) {
    .connectivity-alert {
        align-items: flex-start;
        flex-direction: column;
    }
}