/*
 * Pretty Links "What's New" landing page.
 *
 * Standalone server-rendered page — mirrors the design-system tokens of the
 * React admin without importing them (plain CSS).
 */

body.admin_page_pretty-link-whats-new #wpcontent,
body.toplevel_page_pretty-link-whats-new #wpcontent {
    background: #f6f8fb;
}

.prli-whats-new-wrap {
    max-width: 1120px;
    margin: 40px auto;
    padding: 0 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0f172a;
}

.prli-whats-new-header {
    text-align: center;
    margin-bottom: 48px;
}

.prli-whats-new-logo {
    max-width: 220px;
    height: auto;
    margin-bottom: 24px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.prli-whats-new-header h1 {
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #091d2e;
    letter-spacing: -0.02em;
    line-height: 1.15;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

/* Version pill sits inline, centered against the title. */
.prli-whats-new-header h1::before {
    content: "v4.0.0";
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    background: linear-gradient(135deg, #01aae9 0%, #0d459c 100%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 999px;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(1, 170, 233, 0.25);
    line-height: 1;
}

.prli-whats-new-lede {
    font-size: 17px;
    color: #6b7684;
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Sections
   -------------------------------------------------------------------------- */

.prli-whats-new-section {
    margin-bottom: 56px;
}

.prli-whats-new-section-title {
    font-size: 22px;
    font-weight: 700;
    color: #091d2e;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
}

.prli-whats-new-section-lede {
    font-size: 15px;
    color: #6b7684;
    margin: 0 0 24px;
    line-height: 1.55;
    /* No max-width: the lede tracks the card grid below it so the
       section reads as one responsive block instead of a centered
       paragraph above a wide row of cards. The page-level
       `.prli-whats-new-wrap` cap at 1120px still keeps the lines from
       running edge-to-edge on ultra-wide monitors. */
}

/* --------------------------------------------------------------------------
   Card grid
   -------------------------------------------------------------------------- */

.prli-whats-new-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.prli-whats-new-card {
    background: #ffffff;
    border: 1px solid #e3e8ee;
    border-radius: 10px;
    padding: 28px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06),
        0 1px 2px rgba(15, 23, 42, 0.04);
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 180ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.prli-whats-new-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(135deg, #01aae9 0%, #0d459c 100%);
    opacity: 0.9;
}

.prli-whats-new-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -4px rgba(15, 23, 42, 0.1),
        0 4px 8px -4px rgba(15, 23, 42, 0.06);
}

.prli-whats-new-card h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #091d2e;
    line-height: 1.3;
    padding-left: 44px;
    position: relative;
    min-height: 32px;
    display: flex;
    align-items: center;
}

.prli-whats-new-card h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: rgba(1, 170, 233, 0.1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
}

.prli-whats-new-card p {
    margin: 0;
    color: #6b7684;
    line-height: 1.6;
    font-size: 14px;
}

/* --------------------------------------------------------------------------
   Pro cards
   -------------------------------------------------------------------------- */

.prli-whats-new-card--pro::before {
    background: linear-gradient(135deg, #2563eb 0%, #0d459c 100%);
    opacity: 1;
}

/* Reserve space for the absolutely-positioned Pro badge so long titles
   don't slide underneath it. */
.prli-whats-new-card--pro h3 {
    padding-right: 56px;
}

.prli-whats-new-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 3px 10px;
    background: linear-gradient(135deg, #2563eb 0%, #0d459c 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 999px;
    box-shadow: 0 2px 4px rgba(13, 69, 156, 0.34);
}

.prli-whats-new-pro-cta {
    margin-top: 32px;
    text-align: center;
}

/* Drop the underline an admin-area `<a>` would otherwise inherit; the
   button itself comes from the canonical .components-button.is-primary
   rules in src-js/shared/styles/base.css (which apply because this page
   is wrapped in #prli-admin-root). */
.prli-whats-new-pro-cta a.components-button {
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   Card icons — keyed by BEM modifier so reordering cards never breaks them.
   -------------------------------------------------------------------------- */

.prli-whats-new-card--admin h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301aae9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2' ry='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
}

.prli-whats-new-card--speed h3::before {
    background-color: rgba(253, 156, 39, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
}

.prli-whats-new-card--trash h3::before {
    background-color: rgba(239, 68, 68, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.prli-whats-new-card--shield h3::before {
    background-color: rgba(107, 57, 202, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b39ca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
}

.prli-whats-new-card--retention h3::before {
    background-color: rgba(16, 185, 129, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}

.prli-whats-new-card--privacy h3::before {
    background-color: rgba(180, 83, 9, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

.prli-whats-new-card--editor h3::before {
    background-color: rgba(1, 170, 233, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301aae9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 1 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E");
}

.prli-whats-new-card--slug h3::before {
    background-color: rgba(13, 69, 156, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d459c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}

.prli-whats-new-card--pay h3::before {
    background-color: rgba(16, 185, 129, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E");
}

.prli-whats-new-card--bot h3::before {
    background-color: rgba(107, 57, 202, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b39ca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='2'/%3E%3Cpath d='M12 8V4'/%3E%3Ccircle cx='12' cy='3' r='1'/%3E%3Cline x1='8' y1='14' x2='8.01' y2='14'/%3E%3Cline x1='16' y1='14' x2='16.01' y2='14'/%3E%3Cpath d='M9 18h6'/%3E%3C/svg%3E");
}

.prli-whats-new-card--bulk h3::before {
    background-color: rgba(1, 170, 233, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301aae9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3Cpolyline points='8 11 10.5 13.5 14 10'/%3E%3C/svg%3E");
}

.prli-whats-new-card--exchange h3::before {
    background-color: rgba(16, 185, 129, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E");
}

/* --- Pro card icons (orange accent on the tile background) --- */

.prli-whats-new-card--pro h3::before {
    background-color: rgba(37, 99, 235, 0.14);
}

.prli-whats-new-card--split h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' y1='3' x2='6' y2='15'/%3E%3Ccircle cx='18' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M18 9a9 9 0 0 1-9 9'/%3E%3C/svg%3E");
}

.prli-whats-new-card--target h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}

.prli-whats-new-card--qr h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Cpath d='M14 14h3v3'/%3E%3Cpath d='M21 14v.01'/%3E%3Cpath d='M14 21v-3'/%3E%3Cpath d='M21 21v-4h-3'/%3E%3C/svg%3E");
}

.prli-whats-new-card--bar h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='5' rx='1'/%3E%3Crect x='2' y='13' width='20' height='7' rx='1'/%3E%3C/svg%3E");
}

.prli-whats-new-card--dashboard h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9'/%3E%3Crect x='14' y='3' width='7' height='5'/%3E%3Crect x='14' y='12' width='7' height='9'/%3E%3Crect x='3' y='16' width='7' height='5'/%3E%3C/svg%3E");
}

.prli-whats-new-card--autolink h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3Cpolyline points='3 3 5 5' opacity='0.4'/%3E%3Cpolyline points='3 21 5 19' opacity='0.4'/%3E%3C/svg%3E");
}

.prli-whats-new-card--health h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");
}

.prli-whats-new-card--taxonomy h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E");
}

.prli-whats-new-card--expire h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v4'/%3E%3Cpath d='M12 18v4'/%3E%3Cpath d='M4.93 4.93l2.83 2.83'/%3E%3Cpath d='M16.24 16.24l2.83 2.83'/%3E%3Cpath d='M2 12h4'/%3E%3Cpath d='M18 12h4'/%3E%3Cpath d='M4.93 19.07l2.83-2.83'/%3E%3Cpath d='M16.24 7.76l2.83-2.83'/%3E%3C/svg%3E");
}

.prli-whats-new-card--cloak h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

.prli-whats-new-card--kernel h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
}

.prli-whats-new-card--reports h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3Cpolyline points='3 20 21 20' opacity='0.4'/%3E%3C/svg%3E");
}

.prli-whats-new-card--api h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3Cline x1='14' y1='4' x2='10' y2='20' opacity='0.6'/%3E%3C/svg%3E");
}

.prli-whats-new-card--box h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
}

.prli-whats-new-card--bio h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6' r='3'/%3E%3Crect x='5' y='11' width='14' height='3' rx='1.5'/%3E%3Crect x='5' y='16' width='14' height='3' rx='1.5'/%3E%3C/svg%3E");
}

.prli-whats-new-card--analytics h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='3' x2='3' y2='21'/%3E%3Cline x1='3' y1='21' x2='21' y2='21'/%3E%3Crect x='6' y='13' width='3' height='6'/%3E%3Crect x='11' y='9' width='3' height='10'/%3E%3Crect x='16' y='5' width='3' height='14'/%3E%3C/svg%3E");
}

.prli-whats-new-card--droplets h3::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z'/%3E%3Cpath d='M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   Footer actions
   -------------------------------------------------------------------------- */

.prli-whats-new-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding-top: 32px;
    border-top: 1px solid #e3e8ee;
}

/* Footer buttons inherit sizing/spacing/colors from the canonical
   .components-button rules in src-js/shared/styles/base.css. We only
   need to clear the underline that admin-area `<a>` styles add. */
.prli-whats-new-actions a.components-button {
    text-decoration: none;
}