@use "shared" as *;

// A one-line notice about a backup that's already on this site, above the premium rollback screen's cards.
// Tinted with the admin theme color so it reads as a notice against the white cards and the grey page.
.wpr-saved-backup-notice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding: 10px 16px;
    border: 1px solid color-mix(in srgb, var(--wp-admin-theme-color) 30%, #fff);
    border-radius: 6px;
    background: $free-tint;

    &__icon {
        flex-shrink: 0;
        fill: var(--wp-admin-theme-color-darker-20);
    }

    &__text {
        flex: 1 1 280px;
        min-width: 0;
        font-size: 13px;
        line-height: 1.5;
        text-wrap: pretty;
    }

    &__cta {
        flex-shrink: 0;
    }
}