.button{--tw-bg-opacity:1;background-color:rgb(220 163 100/var(--tw-bg-opacity));border-radius:9999px;font-size:1rem;gap:.75rem;line-height:1.5rem;padding:.75rem 1.5rem;transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transparent-button{--tw-border-opacity:1;border-color:rgb(146 162 172/var(--tw-border-opacity));border-radius:9999px;border-width:1px;font-size:1rem;gap:.75rem;line-height:1.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transparent-button:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.page-enter-active,.page-leave-active{transition:all .4s ease-out}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}
