.btn {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:0 21px;
  border:1px solid transparent;
  border-radius:13px;
  font-size:.84rem;
  font-weight:800;
  letter-spacing:-.01em;
  overflow:hidden;
  cursor:pointer;
  transition:transform .25s var(--ease),box-shadow .25s ease,border-color .25s ease,background .25s ease
}
.btn::before {
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-30%;
  width:24%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-180%) rotate(14deg)
}
.btn:hover::before {
  animation:shimmer .8s ease
}
.btn:hover {
  transform:translateY(-2px)
}
.btn-primary {
  background:var(--gradient-brand);
  color:#fff;
  box-shadow:0 12px 32px rgba(124,58,237,.27)
}
.btn-primary:hover {
  box-shadow:0 16px 42px rgba(162,84,255,.36)
}
.btn-outline {
  border-color:var(--border-strong);
  background:rgba(255,255,255,.025);
  color:#ede9fa
}
.btn-outline:hover {
  border-color:rgba(187,152,255,.6);
  background:rgba(139,92,246,.08)
}
.btn-lg {
  min-height:54px;
  padding:0 27px;
  border-radius:15px;
  font-size:.9rem
}
.btn .arrow {
  font-size:1.05rem;
  transition:transform .25s ease
}
.btn:hover .arrow {
  transform:translateX(4px)
}
.btn-whatsapp {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 17px;
  border-radius:999px;
  background:#fff;
  color:#09060f;
  font-weight:800;
  font-size:.82rem;
  box-shadow:0 18px 50px rgba(0,0,0,.34);
  transition:transform .25s ease
}
.btn-whatsapp:hover {
  transform:translateY(-4px)
}
.btn-whatsapp svg {
  width:18px;
  height:18px
}