/* JOGA Arena Buttons V223
   Isolated CTA for arena/gestor sections with pink accent. */

.joga-arena-v223{
  --ja-h:52px;
  --ja-px:18px;
  --ja-gap:12px;
  --ja-chip:38px;
  --ja-radius:100px;
  --ja-font:12px;
  --ja-pink:#FF4FA1;
  --ja-pink-soft:#FF6AB0;
  --ja-ink:#081008;
  --ja-white:#F7FAF6;
}
.joga-arena-v223.qiyana-button-size--compact{
  --ja-h:46px;--ja-px:15px;--ja-gap:10px;--ja-chip:34px;--ja-font:11px;
}
.joga-arena-v223.qiyana-button-size--large{
  --ja-h:58px;--ja-px:21px;--ja-gap:14px;--ja-chip:42px;--ja-font:13px;
}

body .elementor-widget-button.joga-arena-v223 > .elementor-widget-container > .elementor-button,
body .joga-arena-v223 .elementor-button{
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:var(--ja-h)!important;
  padding:5px 8px 5px var(--ja-px)!important;
  border:1px solid rgba(255,79,161,.16)!important;
  border-radius:100px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  font-family:"Inter Tight","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:var(--ja-font)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.012em!important;
  color:var(--ja-white)!important;
  background:
    radial-gradient(110% 150% at 14% -22%,rgba(255,79,161,.10),transparent 45%),
    linear-gradient(180deg,#131715 0%,#070A08 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 10px 24px rgba(0,0,0,.22)!important;
  transform:translateZ(0)!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
body .joga-arena-v223 .elementor-button::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    radial-gradient(90% 125% at 16% -18%,rgba(255,79,161,.08),transparent 55%),
    linear-gradient(100deg,transparent 34%,rgba(255,255,255,.045) 49%,transparent 66%)!important;
}
body .joga-arena-v223 .elementor-button-content-wrapper{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--ja-chip)!important;
  align-items:center!important;
  gap:var(--ja-gap)!important;
  width:100%!important;
  min-width:0!important;
}
body .joga-arena-v223 .elementor-button-text{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  text-align:left!important;
  font:inherit!important;
  color:var(--ja-white)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
}
body .joga-arena-v223 .elementor-button-icon{display:none!important}
body .joga-arena-v223 .elementor-button-content-wrapper::after{
  content:""!important;
  display:block!important;
  width:var(--ja-chip)!important;
  height:var(--ja-chip)!important;
  min-width:var(--ja-chip)!important;
  border-radius:50%!important;
  background-color:#FF4FA1!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071008' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h11'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"),
    radial-gradient(130% 130% at 30% 20%,rgba(255,255,255,.26),transparent 42%),
    linear-gradient(180deg,#FF66B1 0%,#FF3F9A 100%)!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-position:center,center,center!important;
  background-size:14px 14px,100% 100%,100% 100%!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 4px 12px rgba(255,79,161,.20)!important;
  transition:box-shadow .22s ease,background .22s ease!important;
}
@media (hover:hover) and (pointer:fine){
  body .joga-arena-v223 .elementor-button:hover{
    border-color:rgba(255,79,161,.24)!important;
    background:
      radial-gradient(110% 150% at 14% -22%,rgba(255,79,161,.12),transparent 46%),
      linear-gradient(180deg,#171C19 0%,#090D0A 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -1px 0 rgba(0,0,0,.28),
      0 11px 24px rgba(0,0,0,.22)!important;
  }
  body .joga-arena-v223 .elementor-button:hover .elementor-button-content-wrapper::after{
    background-color:#FF5AAA!important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071008' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h11'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"),
      radial-gradient(130% 130% at 30% 20%,rgba(255,255,255,.30),transparent 42%),
      linear-gradient(180deg,#FF72B8 0%,#FF4BA2 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 5px 12px rgba(255,79,161,.20)!important;
  }
}
body .joga-arena-v223 .elementor-button:active{
  transform:translateZ(0)!important;
}
body .joga-arena-v223 .elementor-button:active .elementor-button-content-wrapper::after{
  transform:scale(.97)!important;
}
body .joga-arena-v223 .elementor-button:focus-visible{
  outline:2px solid rgba(255,79,161,.54)!important;
  outline-offset:3px!important;
}
@media (max-width:767px){
  .joga-arena-v223{--ja-h:48px;--ja-px:16px;--ja-gap:11px;--ja-chip:36px;--ja-font:11.5px}
  .joga-arena-v223.qiyana-button-size--compact{--ja-h:43px;--ja-px:13px;--ja-gap:9px;--ja-chip:32px;--ja-font:11px}
  .joga-arena-v223.qiyana-button-size--large{--ja-h:53px;--ja-px:18px;--ja-gap:13px;--ja-chip:39px;--ja-font:12.5px}
}
@media (prefers-reduced-motion:reduce){
  body .joga-arena-v223 .elementor-button,
  body .joga-arena-v223 .elementor-button-content-wrapper::after{transition:none!important}
}