.wwt-btn{
  --wwt-start:#20c463;
  --wwt-end:#148c7a;
  --wwt-text:#ffffff;
  --wwt-radius:16px;
  --wwt-pad-y:12px;
  --wwt-pad-x:16px;
  --wwt-font:15px;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding: var(--wwt-pad-y) var(--wwt-pad-x);
  border-radius: var(--wwt-radius);
  text-decoration:none;
  font-weight:600;
  font-size: var(--wwt-font);
  letter-spacing:.2px;
  position:relative;
  overflow:hidden;
  background: linear-gradient(135deg, var(--wwt-start), var(--wwt-end));
  color: var(--wwt-text);
  border: 0;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease;
}
.wwt-btn:hover{ transform: translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.16); }
.wwt-btn:active{ transform: translateY(0); }
.wwt-btn .wwt-icon{ width:18px;height:18px; display:block; position:relative; flex:0 0 18px; }
.wwt-btn .wwt-icon:before{
  content:""; position:absolute; inset:0;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23fff" d="M20.52 3.5C18.45 1.44 15.84.3 13.07.3 6.1.3.44 5.95.44 12.91c0 2.22.58 4.38 1.68 6.28L.3 24l4.94-1.76c1.84 1 3.91 1.53 6.04 1.53h.01c6.96 0 12.62-5.66 12.62-12.62 0-2.78-1.14-5.39-3.1-7.45zM12.23 18.1h-.01c-1.09 0-2.16-.29-3.1-.84l-.22-.13-1.84.49.49-1.79-.15-.23a6.05 6.05 0 01-.93-3.25c0-3.45 2.82-6.26 6.29-6.26 1.68 0 3.26.65 4.45 1.84a6.27 6.27 0 011.85 4.45c-.01 3.45-2.83 6.27-6.3 6.27zm3.34-4.68c-.18-.09-1.08-.55-1.24-.61-.17-.06-.29-.09-.41.09-.12.18-.47.61-.58.74-.11.13-.22.14-.4.05-.18-.09-.76-.28-1.45-.88-.54-.48-.9-1.06-1.01-1.24-.11-.18-.01-.28.08-.37.08-.08.18-.2.28-.31.09-.11.12-.18.18-.31.06-.13.03-.24-.01-.33-.05-.09-.42-1-.58-1.36-.15-.36-.31-.31-.42-.31-.1 0-.23-.01-.35-.01-.12 0-.32.05-.5.23-.17.18-.66.66-.66 1.59s.67 1.84.77 1.97c.09.13 1.32 2 3.2 2.81.45.19.8.3 1.07.38.45.14.86.12 1.18.08.36-.05 1.08-.44 1.23-.86.15-.42.15-.78.11-.86-.05-.08-.17-.12-.36-.21z"/></svg>') center / contain no-repeat;
  background: var(--wwt-text);
  opacity:1;
}
.wwt-label{ position:relative; z-index:1; white-space:nowrap; }

/* Compact card buttons (list/grid items) */
.wwt-compact .wwt-btn,
.wwt-btn.wwt-compact{
  --wwt-radius:12px;
  --wwt-pad-y:10px;
  --wwt-pad-x:14px;
  --wwt-font:14px;
  box-shadow: 0 4px 12px rgba(0,0,0,.10);
}

/* Block variant for single page injection */
.wwt-block{ display:flex; width:100%; justify-content:center; }
.wwt-block .wwt-btn{ width:100%; justify-content:center; border-radius:14px; }

/* Spacing helpers */
.wwt-wrap{ margin:16px 0; }
@media (min-width: 992px){
  .wwt-wrap{ margin:20px 0; }
  .wwt-btn{ --wwt-font:16px; --wwt-pad-y:12px; --wwt-pad-x:18px; }
}

/* Safety hide class */
.wwt-hidden{ display:none !important; }