@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.card-swap-container{position:relative;perspective:900px;overflow:visible;animation:float 6s ease-in-out infinite}.card-swap-container:hover{animation-play-state:paused}.card{position:absolute;top:50%;left:50%;border-radius:24px;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-shadow:0 20px 40px rgba(0,0,0,.05)}@media (max-width:768px){.card-swap-container{transform:scale(.9)}}@media (max-width:480px){.card-swap-container{transform:scale(.75)}}.bento-btn{--primary:#9d027c;--neutral-1:#f7f8f7;--neutral-2:#e7e7e7;--radius:14px;cursor:pointer;border-radius:var(--radius);text-shadow:0 1px 1px rgba(0,0,0,.3);border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;min-width:200px;padding:20px;height:68px;font-family:inherit;font-style:normal;font-size:18px;font-weight:600;background:transparent;color:var(--primary)}.bento-btn:hover{transform:scale(1.02);box-shadow:none}.bento-btn:active{transform:scale(1);box-shadow:none}.bento-btn:after{content:"";position:absolute;inset:0;border-radius:var(--radius);border:2.5px solid transparent;background:linear-gradient(var(--neutral-1),var(--neutral-2)) padding-box,linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.45)) border-box;z-index:0;transition:all .4s ease}.bento-btn:hover:after{transform:scale(1.05,1.1);box-shadow:inset 0 -1px 3px 0 rgba(255,255,255,1)}.bento-btn:before{content:"";inset:7px 6px 6px 6px;position:absolute;background:linear-gradient(to top,var(--neutral-1),var(--neutral-2));border-radius:30px;filter:blur(.5px);z-index:2}.bento-btn.glass{--neutral-1:rgba(247,248,247,0.4);--neutral-2:rgba(231,231,231,0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bento-btn-state p{margin:0;position:relative}.bento-btn-state .bento-icon,.bento-btn-state p{display:flex;align-items:center;justify-content:center;z-index:3}.bento-btn-state .bento-icon{position:absolute;left:0;top:0;bottom:0;margin:auto;transform:scale(1.25);transition:all .3s ease}.bento-btn-state .bento-icon svg{overflow:visible}.bento-outline{position:absolute;border-radius:inherit;overflow:hidden;z-index:1;opacity:0;transition:opacity .4s ease;inset:-2px -3.5px}.bento-outline:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 180deg,transparent 60%,white 80%,transparent 100%);animation:spin 2s linear infinite;animation-play-state:paused}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bento-btn:hover .bento-outline{opacity:1}.bento-btn:hover .bento-outline:before{animation-play-state:running}.bento-btn-state p span{display:block;opacity:0;animation:slideDown .8s ease forwards calc(var(--i) * .03s)}.bento-btn:hover p span{opacity:1;animation:wave .5s ease forwards calc(var(--i) * .02s)}.bento-btn:focus p span{opacity:1;animation:disapear .6s ease forwards calc(var(--i) * .03s)}@keyframes wave{30%{opacity:1;transform:translateY(4px) translateX(0) rotate(0)}50%{opacity:1;transform:translateY(-3px) translateX(0) rotate(0);color:var(--primary)}to{opacity:1;transform:translateY(0) translateX(0) rotate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) translateX(5px) rotate(-90deg);color:var(--primary);filter:blur(5px)}30%{opacity:1;transform:translateY(4px) translateX(0) rotate(0);filter:blur(0)}50%{opacity:1;transform:translateY(-3px) translateX(0) rotate(0)}to{opacity:1;transform:translateY(0) translateX(0) rotate(0)}}@keyframes disapear{0%{opacity:1}to{opacity:0;transform:translateX(5px) translateY(20px);color:var(--primary);filter:blur(5px)}}.state--default .bento-icon svg{animation:land .6s ease forwards}.bento-btn:hover .state--default .bento-icon{transform:rotate(45deg) scale(1.25)}.bento-btn:focus .state--default svg{animation:takeOff .8s linear forwards}.bento-btn:focus .state--default .bento-icon{transform:rotate(0) scale(1.25)}@keyframes takeOff{0%{opacity:1}60%{opacity:1;transform:translateX(70px) rotate(45deg) scale(2)}to{opacity:0;transform:translateX(160px) rotate(45deg) scale(0)}}@keyframes land{0%{transform:translateX(-60px) translateY(30px) rotate(-50deg) scale(2);opacity:0;filter:blur(3px)}to{transform:translateX(0) translateY(0) rotate(0);opacity:1;filter:blur(0)}}.state--default .bento-icon:before{content:"";position:absolute;top:50%;height:2px;width:0;left:-5px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5))}.bento-btn:focus .state--default .bento-icon:before{animation:contrail .8s linear forwards}@keyframes contrail{0%{width:0;opacity:1}8%{width:15px}60%{opacity:.7;width:80px}to{opacity:0;width:160px}}.bento-btn-state{padding-left:29px;z-index:2;display:flex;position:relative}.state--default span:nth-child(4){margin-right:5px}.state--sent{position:absolute;display:flex;opacity:0;pointer-events:none}.state--sent svg{transform:scale(1.25);margin-right:8px}.rtl .state--sent svg{margin-right:0;margin-left:8px}.bento-btn:focus .state--sent{opacity:1}.bento-btn:focus .state--sent span{opacity:0;animation:slideDown .8s ease forwards calc(var(--i) * .2s)}.bento-btn:focus .state--sent .bento-icon svg{opacity:0;animation:appear 1.2s ease .8s forwards}@keyframes appear{0%{opacity:0;transform:scale(4) rotate(-40deg);color:var(--primary);filter:blur(4px)}30%{opacity:1;transform:scale(.6);filter:blur(1px)}50%{opacity:1;transform:scale(1.2);filter:blur(0)}to{opacity:1;transform:scale(1)}}