/* Original banner colors apply only to the floating trial offer.
   Green #00a246, yellow #f2cd14, white text. See BRAND_COLORS.md. */
.trial-float{
  --brand-green:#00a246;
  --brand-yellow:#f2cd14;
  --brand-white:#fff;
  --green:var(--brand-green);
  --yellow:var(--brand-yellow);
  --red:var(--brand-yellow);
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:var(--brand-white);
}
.trial-float-link,.trial-float-link:hover,.trial-float-link:focus-visible{color:var(--brand-white)}
.trial-float-title{border-bottom-color:#ffffff70}
.trial-float-amount{color:var(--brand-yellow)}
.trial-float-eyebrow{width:fit-content;background:var(--brand-yellow);color:var(--brand-green)}
.trial-float-close>span{background:var(--brand-green);border-color:var(--brand-yellow);color:var(--brand-white)}
.trial-float-action{
  background:var(--brand-green);
  color:var(--brand-white);
  border-color:var(--brand-green);
  box-shadow:inset 0 0 0 1px var(--brand-white);
}
.trial-float-action>span{background:var(--brand-yellow);color:var(--brand-green);border-radius:50%}
.trial-float-link:hover .trial-float-action,.trial-float-link:focus-visible .trial-float-action{
  background:var(--brand-green);
  color:var(--brand-white);
  border-color:var(--brand-yellow);
  box-shadow:inset 0 0 0 2px var(--brand-yellow);
}
.trial-float-link:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:4px}