.dem-export-actions .dem-overview-button {
    border-color: rgba(14, 116, 144, .45);
    background: linear-gradient(180deg, rgba(236, 254, 255, .98), rgba(207, 250, 254, .96));
    color: #0e5f70;
    font-weight: 700;
}

.dem-export-actions .dem-overview-button:hover:not(:disabled),
.dem-export-actions .dem-overview-button:focus-visible:not(:disabled) {
    border-color: #0891b2;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, .16);
}

.dem-export-actions .dem-overview-all {
    background: linear-gradient(180deg, #0f766e, #115e59);
    border-color: #0f766e;
    color: #fff;
}

.dem-overview-cache-note {
    margin-top: 10px;
    padding: 9px 11px;
    border: 1px solid rgba(14, 116, 144, .22);
    border-radius: 10px;
    background: rgba(236, 254, 255, .72);
    color: #155e75;
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 1024px) {
    .dem-export-actions .dem-overview-button {
        min-height: 46px;
        white-space: normal;
    }
}