@charset "utf-8";

.button[data-v-f52f19c3] { -webkit-tap-highlight-color: transparent; --border-radius: .4rem; align-items: center; background-color: rgba(var(--c-yellow-rgb),1); border: 2px solid transparent; border-radius: var(--border-radius); box-sizing: border-box; clip-path: inset(1px 1px 1px 1px round var(--border-radius)); display: flex; justify-content: center; overflow: hidden; padding: calc(var(--g-gap)/3) calc(var(--g-gap)/2); position: relative; }

.button > span[data-v-f52f19c3] { color: rgba(var(--c-black-rgb),1); position: relative; white-space: nowrap; }

.button.-big[data-v-f52f19c3] { background-color: var(--c-white); justify-content: left; padding-bottom: var(--h5); }

.button.-big[data-v-f52f19c3]::after { background-color: var(--c-black); border-radius: 50%; bottom: var(--border-radius); content: ""; height: var(--border-radius); position: absolute; right: var(--border-radius); width: var(--border-radius); }

.button.-reverse[data-v-f52f19c3] { backdrop-filter: blur(0.5rem); background-color: rgba(var(--c-white-rgb),.1); border-top: 2px solid rgba(var(--c-white-rgb),.2); }

.button.-reverse > span[data-v-f52f19c3] { color: rgba(var(--c-yellow-rgb),1); }

@media (min-width: 1024px) {
  .button[data-v-f52f19c3] { backdrop-filter: blur(0.5rem); transform: translateZ(0px); transition: background-color .9s var(--f-cubic),border-top .9s var(--f-cubic); }
  .button[data-v-f52f19c3]::before { background-color: var(--c-black); border-radius: 50% 50% 0px 0px; content: ""; display: block; height: 100%; inset: 0px; position: absolute; transition: border-radius .9s var(--f-cubic),translate .9s var(--f-cubic); translate: 0px 101%; width: 100%; }
  .button > span[data-v-f52f19c3] { transition: color .3s var(--f-cubic); }
  .button > span[data-v-f52f19c3] .-s-char { position: relative; transform: translateZ(0px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0s; translate: 0px; }
  .button > span[data-v-f52f19c3] .-s-char::after { color: rgba(var(--c-yellow-rgb),0); content: attr(data-split-content); display: inline-block; inset: 0px; position: absolute; scale: calc(1.2 + var(--char-center)*.1); transform: translateZ(0px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0s; translate: 0px 100%; }
  .button.-big[data-v-f52f19c3] { background-color: rgba(var(--c-white-rgb),1); }
  .button.-big[data-v-f52f19c3]::after { scale: 1; transition: background-color .9s var(--f-cubic),scale .9s var(--f-cubic); }
  .button[data-v-f52f19c3]:not(.-disabled):hover { background-color: rgba(var(--c-yellow-rgb),.1); border-top: 2px solid rgba(var(--c-white-rgb),0); }
  .button[data-v-f52f19c3]:not(.-disabled):hover::before { border-radius: var(--border-radius); transition: border-radius .3s var(--f-fast),translate .9s var(--f-cubic); translate: 0px; }
  .button:not(.-disabled):hover > span[data-v-f52f19c3] { color: rgba(var(--c-black-rgb),0) !important; }
  .button:not(.-disabled):hover > span[data-v-f52f19c3] .-s-char { transition-delay: calc(var(--char-center)*.03s); translate: 0px -50%; }
  .button:not(.-disabled):hover > span[data-v-f52f19c3] .-s-char::after { color: rgba(var(--c-yellow-rgb),1); scale: 1; transition-delay: calc(var(--char-center)*.03s); translate: 0px 50%; }
  .button.-big[data-v-f52f19c3]:not(.-disabled):hover::after { background-color: var(--c-brown); scale: 0.5; }
  .button.-exact-active[data-v-f52f19c3] { background-color: rgba(var(--c-yellow-rgb),.1); border-top: 2px solid rgba(var(--c-white-rgb),0); cursor: default; }
  .button.-exact-active[data-v-f52f19c3]::before { background-color: var(--c-grey); border-radius: var(--border-radius); translate: 0px; }
  .button.-exact-active > span[data-v-f52f19c3] { color: rgba(var(--c-yellow-rgb),1) !important; }
}