/* add this to your overrides */
.page-template-page-rfg h5.rfg-ribbon{
    /* sizing/centering */
    display: block !important;               /* shrink to text */
    width:clamp(260px, 60%, 560px);      /* ≈ 50% cap, with sane min/max */
    margin: 12px auto 0;                 /* center */
    padding: 14px 28px;
  
    /* look & feel */
    background: linear-gradient(90deg,#145b33 0%, #1e8247 60%, #28a85b 100%);
    color:#fff;
    border-radius:10px;
    text-align:center;
    line-height:1.25;
    font-size: 1.1em;
    font-weight:700;
  
    /* nicer wrapping on two-line titles */
    text-wrap: balance;
  }
  
  /* on narrow screens, let it breathe full width */
  @media (max-width: 600px){
    .page-template-page-rfg h5.rfg-ribbon{
      width: 100%;
    }
  }
  
  /* RFG Lists */
  ul.rfg-list {
    margin-left: 0.8em;
  }
  ul.rfg-list li {
    padding-bottom: 0.4em;
  }
  
  /* scope to your page template if you like */
  .page-template-page-rfg .rfg-solutions-benefits{
    position: relative;              /* create a stacking context */
    overflow: hidden;                /* keep overlays clipped */
    background-color: #fff;          /* ensure base is white */
  }
  
  .page-template-page-rfg .rfg-solutions-benefits::before{
    content: "";
    position: absolute; inset: 0;
    background: rgba(255,255,255,.82);   /* ← adjust 0.70–0.92 to taste */
    pointer-events: none;
    z-index: 0;                           /* sits over the bg image */
  }
  
  /* keep content above the veil */
  .page-template-page-rfg .rfg-solutions-benefits > *{
    position: relative;
    z-index: 1;
    mix-blend-mode: normal;               /* belt-and-suspenders */
  }
  
  
  .page-template-page-rfg .rfg-solutions-dcblock-button {
    margin-left: 10vh;
  }
  
  
  /* RFG Button */
  
/* RFG Button */

/* Softer horizontal gradient: lightest near center, wider band, lighter edges */
.page-template-page-rfg .wp-block-button.rfg-btn .wp-block-button__link,
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn,
.page-template-page-rfg .wp-block-button.rfg-btn .wp-element-button,
.page-template-page-rfg .wp-block-button .wp-element-button.rfg-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.85rem 1.5rem;
  border-radius:14px;
  color:#fff !important; font-weight:700; letter-spacing:.02em; text-decoration:none !important;
  background:none !important; border:0 !important;

  /* wide, subtle highlight (left→right) */
  background-image: linear-gradient(
    90deg,
    #155237 0%,      /* softer edge (not very dark) */
    #1a5f3b 18%,
    #1f7645 30%,     /* begin lift */
    #259e60 50%,     /* modest center (not too bright) */
    #1f7645 70%,     /* fade back down */
    #1a5f3b 82%,
    #155237 100%
  ) !important;

  /* gentle depth—lighter than before */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 20px rgba(0,0,0,.16),   /* softer edge vignette */
    0 6px 16px rgba(23,123,59,.20);

  transition: transform .06s ease, box-shadow .2s ease;
}

.page-template-page-rfg .wp-block-button.rfg-btn .wp-block-button__link:hover,
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn:hover{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 0 22px rgba(0,0,0,.18),
    0 10px 22px rgba(23,123,59,.26);
  transform: translateY(-1px);
}

/* active */
.page-template-page-rfg .wp-block-button.rfg-btn .wp-block-button__link:active,
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn:active{
  box-shadow:
    inset 0 0 20px rgba(40,170,90,.20),
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 4px 14px rgba(23,123,59,.18);
}

/* Keyboard focus – high-contrast ring */
.page-template-page-rfg .wp-block-button  .rfg-btn:focus-visible{
  outline: 3px solid #2a9d58;
  outline-offset: 2px;
}

/* Disabled look (if ever used) */
.page-template-page-rfg .wp-block-button  .rfg-btn[disabled],
.page-template-page-rfg .wp-block-button  .rfg-btn.is-disabled{
  opacity:.55; pointer-events:none; box-shadow:none;
}

/* Respect reduced-motion */
@media (prefers-reduced-motion: reduce){
  .page-template-page-rfg .wp-block-button  .rfg-btn{
    transition: none;
  }
}