.btn-flip.svelte-k7q14d{position:relative;display:inline-block;width:150px;height:40px;text-align:center;perspective:1000px;color:var(--text-color)}.btn-flip.svelte-k7q14d:before,.btn-flip.svelte-k7q14d:after{content:attr(data-front);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 30px;line-height:40px;transition:.5s;backface-visibility:hidden;box-sizing:border-box}.btn-flip.svelte-k7q14d:before{content:attr(data-front);background:var(--bg-front);transform:translateY(0) rotateX(0);opacity:1}.btn-flip.svelte-k7q14d:after{content:attr(data-back);background:var(--bg-back);transform:translateY(-50%) rotateX(90deg);opacity:0}.btn-flip.svelte-k7q14d:hover:before{opacity:0;transform:translateY(50%) rotateX(90deg)}.btn-flip.svelte-k7q14d:hover:after{opacity:1;transform:translateY(0) rotateX(0)}