JSFiddle - React, Tailwind, and code Playground

HTML

<div class="stickyWrap">not sticky</div>
<div class="checkout ">checkout</div>

<div class="Wrap sticky">sticky but not Stickywrap</div>
<div class="checkout ">checkout</div>

<div class="stickyWrap green">not sticky</div>
<div class="checkout ">checkout</div>

<div class="stickyWrap sticky">sticky</div>
<div class="checkout ">checkout</div>

<div class="stickyWrap stickygreen">not sticky</div>
<div class="checkout ">checkout</div>

<div class="stickyWrap greensticky">sticky</div>
<div class="checkout ">checkout</div>

CSS

.checkout {
    margin-bottom: 1em;
}
.stickyWrap[class$="sticky"] + .checkout{
  background-color: #1f6053; 
  color: white;
}