.trex-venom {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width:100%;
  min-height:44px;
  padding:13px 25px;
  border: 0;
  border-radius: 999px;
  background:
    radial-gradient(70% 120% at 50% -30%, rgba(255, 255, 255, 0.14), transparent 70%),
    linear-gradient(#1e1e20, #08080a 42%, #030303 78%, #141416);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.24),
    inset 0 -2px 1px rgba(255, 255, 255, 0.3),
    inset 0 -6px 10px rgba(0, 0, 0, 0.75),
    0 2px 3px rgba(0, 0, 0, 0.3),
    0 11px 18px -6px rgba(0, 0, 0, 0.38);
  color: #ececee;
  font-weight:700;line-height:1.2;
  letter-spacing: -0.03em;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

/* Uneven window reflection streaked across the top of the capsule. */
.trex-venom::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 16px;
  right: 16px;
  height: 38%;
  border-radius: 999px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 90%),
    linear-gradient(
      100deg,
      rgba(255, 255, 255, 0) 8%,
      rgba(255, 255, 255, 0.3) 30%,
      rgba(255, 255, 255, 0.04) 52%,
      rgba(255, 255, 255, 0.26) 78%,
      rgba(255, 255, 255, 0) 96%
    );
  filter: blur(1.5px);
  pointer-events: none;
}

/* Specular catch on the rounded left cap. */
.trex-venom::after {
  content: '';
  position: absolute;
  top: 24%;
  left: 9px;
  width: 6px;
  height: 46%;
  border-radius: 50%;
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  filter: blur(1.5px);
  pointer-events: none;
}

.trex-venom__label {
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

.trex-venom:active {
  transform: translateY(1px) scale(0.99);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 0 -2px 1px rgba(255, 255, 255, 0.16),
    inset 0 -6px 10px rgba(0, 0, 0, 0.75),
    0 1px 2px rgba(0, 0, 0, 0.3),
    0 7px 12px -6px rgba(0, 0, 0, 0.38);
}

.trex-venom:focus-visible {
  outline: 2px solid #111;
  outline-offset: 6px;
}

/* With WebGL the capsule itself is drawn as liquid on the goo canvas, so the
   button keeps only its size, focus ring and (invisible) accessible label. */
.trex-venom.trex-venom--liquid,
.trex-venom.trex-venom--liquid:active {
  background: none;
  box-shadow: none;
}

.trex-venom--liquid::before,
.trex-venom--liquid::after {
  display: none;
}

.trex-venom--liquid .trex-venom__label {
  color: transparent;
  text-shadow: none;
}

/* The goo (capsule + tendrils) and, above it, the captured hand each live on
   a canvas over the whole page. */
.trex-venom__goo,
.trex-venom__hand {
  position: fixed;
  inset: 0;
  z-index:99998;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.trex-venom__hand {
  z-index:99999;
}

/* While the goo has hold of the hand, the hand is drawn on the canvas. */
.trex-venom-grab,
.trex-venom-grab * {
  cursor: none !important;
}

/* Adapt the supplied capsule to the existing site's responsive dimensions. */
body .trex-fh__menu>li>a.trex-venom{padding:11px 15px;color:#ececee;background:radial-gradient(70% 120% at 50% -30%,#ffffff24,transparent 70%),linear-gradient(#1e1e20,#08080a 42%,#030303 78%,#141416)}
body :is(.trex-fh__cta,.btn,.button,.wp-element-button,.tpw-buy,.trex-cta a,.elementor-button).trex-venom{color:#ececee!important;background:radial-gradient(70% 120% at 50% -30%,#ffffff24,transparent 70%),linear-gradient(#1e1e20,#08080a 42%,#030303 78%,#141416)!important;border:0;border-radius:999px;box-shadow:inset 0 1px 1px #ffffff3d,inset 0 -2px 1px #ffffff4d,inset 0 -6px 10px #000b,0 11px 18px -6px #0006}
body .trex-venom.trex-venom--liquid{background:transparent!important;box-shadow:none!important}
body .trex-venom:focus-visible{outline:3px solid #71c8ff;outline-offset:4px}
body .trex-venom{white-space:normal!important;text-align:center}
body .tpw-toggle button.trex-venom{background:radial-gradient(70% 120% at 50% -30%,#ffffff24,transparent 70%),linear-gradient(#1e1e20,#08080a 42%,#030303 78%,#141416);color:#ececee;opacity:1}
body .tpw-toggle button.tpw-active{outline:2px solid #f5b626;outline-offset:2px}
body .trex-fh__menu>li.current-menu-item>a.trex-venom{outline:1px solid #f5b626;outline-offset:2px}
body .trex-fh__drawer nav a.trex-venom{color:#ececee;padding:12px 20px;margin-block:6px}
main :is(.feat-card,.dev-card,.ch-card,.tpw-card,.why-g-card,.why-card){background:radial-gradient(100% 70% at 50% 0,#ffffff12,transparent 65%),linear-gradient(155deg,#202023,#09090c 46%,#030305)!important;border-color:#ffffff30!important;box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #ffffff18,0 14px 28px #0004;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
main :is(.feat-card,.dev-card,.ch-card,.tpw-card,.why-g-card,.why-card):hover{transform:translateY(-3px);border-color:#ffffff66!important;box-shadow:inset 0 1px 2px #ffffff50,0 18px 32px #0006}
@media(max-width:600px){body .trex-fh__cta.trex-venom{padding:10px 12px;font-size:13px}body .trex-venom{max-width:100%}}
@media(prefers-reduced-motion:reduce){body .trex-venom,main :is(.feat-card,.dev-card,.ch-card,.tpw-card,.why-g-card,.why-card){transition:none!important;transform:none!important}}
body .trex-fh__menu>li>a.trex-venom{color:#ececee!important}
body .tpw-toggle button.trex-venom{color:#ececee!important;background:radial-gradient(70% 120% at 50% -30%,#ffffff24,transparent 70%),linear-gradient(#1e1e20,#08080a 42%,#030303 78%,#141416)!important;opacity:1!important}
body .tpw-toggle button.trex-venom.trex-venom--liquid{background:transparent!important;box-shadow:none!important}
body .trex-pw .tpw-toggle button.trex-venom{color:#ececee!important;background:radial-gradient(70% 120% at 50% -30%,#ffffff24,transparent 70%),linear-gradient(#1e1e20,#08080a 42%,#030303 78%,#141416)!important;box-shadow:inset 0 1px 1px #ffffff3d,inset 0 -2px 1px #ffffff4d,inset 0 -6px 10px #000b,0 11px 18px -6px #0006!important}
body .trex-pw .tpw-toggle button.trex-venom.trex-venom--liquid{background:transparent!important;box-shadow:none!important}