@charset "utf-8";

.button { padding: 0px; margin: 0px; border-radius: 50%; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; border: 1px solid rgba(0, 0, 0, 0.05); transition: opacity 200ms; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; overflow: hidden; animation: 200ms ease 0s 1 normal none running button-fade-in; }

.js-focus-visible :focus:not(.focus-visible) { outline: none; }

.button--appear { opacity: 1; }

.button--hide-icon > :first-child { animation-duration: 2s; animation-name: dialogue-fade; }

.button__icon { width: 100%; height: 100%; top: 0px; left: 0px; padding: 17%; position: absolute; box-sizing: border-box; pointer-events: none; }

.button__emoji { position: absolute; top: 0px; left: 0px; z-index: 10010; width: 100%; height: 100%; animation-duration: 2s; animation-name: emoji-bounce; animation-fill-mode: forwards; }

.notification { border-radius: 50%; position: absolute; top: 0px; right: 0px; border-style: solid; border-color: rgb(255, 59, 48); background-color: rgb(255, 255, 255); box-sizing: border-box; animation-duration: 0.5s; animation-name: notification-fade-in; }

.button-v2 { padding: 0px; border-radius: 50%; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.05); transition: opacity 200ms; position: absolute; right: 24px; bottom: 24px; overflow: hidden; display: flex; gap: 8px; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 20px 4px; animation: 200ms ease 0s 1 normal none running button-fade-in; }

.button-v2.focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset; }

.button-v2.button--left { right: auto; left: 24px; }

.button-v2.isRTL { direction: rtl; }

.button--text { border-radius: 42px; min-width: 95px; padding: 0px 13px; justify-content: flex-start; }

.button-v2 .button__icon { position: relative; }

.button--text .button__icon { height: 22px; width: 22px; padding: 0px; top: -1px; }

.button__text { font-size: 16px; color: inherit; font-weight: 700; line-height: 1.3; -webkit-font-smoothing: antialiased; }

.button--text .notification { top: 36px; left: 18px; }

@keyframes emoji-bounce { 
  0% { transform: translateY(60px); }
  10% { transform: translateY(0px); }
  17% { transform: rotateZ(-12deg); animation-timing-function: ease-in-out; }
  23% { transform: rotateZ(18deg); animation-timing-function: ease-in-out; }
  30% { transform: rotateZ(0deg); animation-timing-function: ease-in-out; }
  80% { transform: translateY(0px); }
  90% { transform: translateY(3px); }
  100% { transform: translateY(-60px); }
}

@keyframes dialogue-fade { 
  0% { opacity: 1; transform: scale3d(1, 1, 1); }
  10% { opacity: 0; transform: scale3d(0, 0, 0); }
  90% { opacity: 0; transform: scale3d(0, 0, 0); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes notification-fade-in { 
  0% { opacity: 0; transform: scale3d(0, 0, 0); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes button-fade-in { 
  0% { opacity: 0; transform: translate(0%, 20%); }
  100% { opacity: 1; transform: translate(0%, 0%); }
}