/* Actions row layout tweak (keeps banner aligned right) */
.gp-actions { align-items: flex-start; gap: 12px; flex-wrap: wrap; }

/* PRO banner */
.gp-pro-banner{
  margin-left: auto;                 /* pushes banner to the right */
  display: block;
  min-width: 300px;
  max-width: 360px;
  padding: 14px 16px;
  border-radius: 12px;
  text-decoration: none;
  background: linear-gradient(135deg, #0b1220, #111827);
  border: 1px solid #23324a;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  color:#ffffff;                     /* always white text */
}
.gp-pro-banner, .gp-pro-banner:visited, .gp-pro-banner:hover, .gp-pro-banner:active{
  color:#ffffff !important;          /* keep text white even after click */
  text-decoration:none !important;
}

/* Two-column banner grid (70% text, 30% icon) */
.gp-pro-banner-grid{
  display:grid;
  grid-template-columns: 70% 30%;
  align-items:center;
}
.gp-pro-banner__text{ padding-right:8px; }
.gp-pro-banner__title{ font-weight:700; font-size:14px; line-height:1.35; margin-bottom:6px; }
.gp-pro-banner__cta{ font-weight:600; font-size:13px; color:#22d3ee; }

.gp-pro-banner__icon{
  text-align:right;
  display:flex; justify-content:center; align-items:center;
}
.gp-pro-banner__icon img{
  width: 60px;   /* size as i asked */
  height: auto;
}

/* PRO page card (if you use the Pro page) */
.gp-pro-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:16px 18px;
  max-width:800px;
  box-shadow:0 1px 1px rgba(0,0,0,0.03);
  margin-top:12px;
}
.ul-disc{ list-style:disc; margin-left:20px; }
.ul-disc li{ margin:4px 0; }
.gp-pro-cta{ font-size:14px; padding:10px 16px; }