.btn{display:flex;align-items:center;justify-content:space-between;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(31 33 67/var(--tw-border-opacity,1));background-color:transparent;padding:.25rem .25rem .25rem 1rem;--tw-text-opacity:1;color:rgb(31 33 67/var(--tw-text-opacity,1))}.btn span:first-of-type{display:flex;justify-content:flex-start;padding-right:1rem;font-weight:500}@media (min-width:280px){.btn span:first-of-type{min-width:150px}}@media (min-width:320px){.btn span:first-of-type{min-width:180px}}.btn span:last-of-type{position:relative;height:2rem;width:2rem;overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(31 33 67/var(--tw-bg-opacity,1));padding:.125rem .5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn span:last-of-type .arrow-in,.btn span:last-of-type .arrow-out{position:absolute;top:50%;left:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.5rem;line-height:2rem}.btn span:last-of-type .arrow-in{opacity:0}@keyframes slideOut{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(150%,-50%);opacity:0}}.btn:hover span:last-of-type .arrow-out{animation:slideOut .5s ease-in-out forwards}@keyframes slideIn{0%{transform:translate(-150%,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.btn:hover span:last-of-type .arrow-in{animation:slideIn .5s ease-in-out forwards}.btn.btn-secondary{border-color:transparent;--tw-bg-opacity:1;background-color:rgb(167 130 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(31 33 67/var(--tw-text-opacity,1))}.btn.btn-secondary:hover{background-color:rgb(167 130 252/.8)}.btn.btn-secondary span:last-of-type{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(31 33 67/var(--tw-text-opacity,1))}.btn.btn-tertiary{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 33 67/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn.btn-tertiary span:last-of-type{--tw-bg-opacity:1;--tw-text-opacity:1}.btn.btn-quaternary,.btn.btn-tertiary span:last-of-type{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(31 33 67/var(--tw-text-opacity,1))}.btn.btn-quaternary{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;--tw-text-opacity:1}.btn.btn-quaternary span:last-of-type{--tw-bg-opacity:1;background-color:rgb(31 33 67/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}