:root{--icon-size: 2rem;--icon-padding: .5rem;--button-padding: .5rem;--text-margin: 1.2rem;--bar-width: .8rem;--bar-margin: .4rem}.icon{width:var(--icon-size);height:var(--icon-size)}.icon-container{padding:var(--icon-padding)}.button-content{z-index:10;padding:var(--button-padding)}.text{margin-left:var(--text-margin);margin-right:var(--text-margin);text-align:center;line-height:2}.fancy-border{position:absolute;z-index:0;height:100%;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));width:calc(var(--icon-size) + 2 * var(--icon-padding) + 2 * var(--button-padding))}.button-animation{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .button-animation{width:100%;background-color:rgb(242 242 242 / var(--tw-bg-opacity));--tw-bg-opacity: .3}.bar{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity));width:var(--bar-width);margin-left:var(--bar-margin)}.bar:first-child{margin-left:0}.gradient-border{padding:.65rem 2rem;display:inline-block;position:relative;z-index:0}.gradient-border:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;padding:.1rem .2rem;border-radius:50px;background:linear-gradient(to right,#9368b7,#da4167);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.white-border{padding:.5rem 2rem;display:inline-block;position:relative;z-index:0}.white-border:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;padding:.2rem;border-radius:50px}.inverted{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(24 24 33 / var(--tw-text-opacity))}