/* Pro button: a lacquer chip with a slow sheen, sitting beside the header icons. */
.pro-go{position:relative;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border-radius:999px;overflow:hidden;flex:0 0 auto;
  color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;text-decoration:none;
  background:linear-gradient(135deg,#8d0f13 0%,#e0201f 45%,#ff5a3c 100%);
  border:1px solid rgba(255,140,110,.45);
  box-shadow:0 6px 20px rgba(224,32,31,.32),inset 0 1px 0 rgba(255,255,255,.28);
  transition:box-shadow .25s var(--ease,ease),filter .25s}
.pro-go b{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;position:relative;z-index:2}
.pro-go .i{width:14px;height:14px;stroke-width:2.2;position:relative;z-index:2;opacity:.9}
.pro-go:hover{box-shadow:0 10px 30px rgba(224,32,31,.48),inset 0 1px 0 rgba(255,255,255,.35);filter:brightness(1.06)}
.pro-go:active{filter:brightness(.96)}
.pro-go__sheen{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 48%,transparent 62%);
  transform:translateX(-120%);animation:pro-sheen 4.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes pro-sheen{0%{transform:translateX(-120%)}55%,100%{transform:translateX(160%)}}
[data-theme="light"] .pro-go{border-color:rgba(140,30,20,.35);box-shadow:0 6px 18px rgba(180,40,25,.28),inset 0 1px 0 rgba(255,255,255,.35)}
@media (max-width:680px){.pro-go{height:40px;padding:0 12px} .pro-go b{font-size:11px}}
@media (max-width:400px){.pro-go{padding:0 10px;gap:5px} .pro-go .i{display:none}}
/* a 40px finger target on every touch device, tablets included */
@media (max-width:1080px),(pointer:coarse){.pro-go{height:40px}}
/* the sheen is a full-width gradient repainted for 4.5s out of every 4.5s:
   the first thing to go on a weak GPU */
html.mz-low .pro-go__sheen{display:none}
html.mz-low .pro-go{box-shadow:none;transition:none}
@media (prefers-reduced-motion:reduce){.pro-go__sheen{animation:none;opacity:0}}