@charset "UTF-8";

/* =========================
   STICKY BOTTOM CTA
   ========================= */

.hasStickyCta{ padding-bottom: 88px; }

.ghStickyCta{
  position:fixed;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:999;
  width:min(320px, calc(100% - 28px));
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  text-decoration:none;
  background: linear-gradient(180deg, #e60000, #b80000);
  color:#ffffff;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
  font-size:14px;
  box-shadow: 0 16px 28px rgba(0,0,0,.18), 0 10px 16px rgba(0,0,0,.12);
  transition: transform .18s ease, opacity .18s ease, visibility .18s ease, filter .18s ease;
}

.ghStickyCta:hover{
  filter: brightness(1.03);
  transform: translateX(-50%) translateY(-2px);
}

.ghStickyCta.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform: translateX(-50%) translateY(10px);
}

@media (max-width: 820px){
  .ghStickyCta{ width: calc(100% - 20px); bottom:10px; }
  .hasStickyCta{ padding-bottom: 80px; }
}
.ghStickyCta{
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}

.ghStickyCta.is-hidden{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(10px);
}