.app-btn[data-v-6bf1bb96]{--btn-bg:var(--color-ui-pink);--btn-bg-hover:var(--color-ui-pink-hover);cursor:pointer;transition:var(--trans-02s);text-align:center;background-color:#0000;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.app-btn[data-v-6bf1bb96]:before{background:var(--btn-bg);z-index:-1;width:100%;height:100%;top:0;left:0}.app-btn[data-v-6bf1bb96]:after,.app-btn[data-v-6bf1bb96]:before{content:"";border-radius:inherit;transition:var(--trans-02s);position:absolute;transform:skew(-10deg)}.app-btn[data-v-6bf1bb96]:after{opacity:0;background-color:var(--btn-bg);background-image:linear-gradient(-69deg,color-mix(in srgb,var(--color-ui-white),transparent 35%),transparent);z-index:-2;width:calc(100% + 2px);height:calc(100% + 2px)}.app-btn[data-v-6bf1bb96]:hover:before{background:var(--btn-bg-hover);box-shadow:0 0 20px 3.4px color-mix(in srgb,var(--btn-bg-hover),transparent 50%),0 0 15px -4px #ffffff80 inset}.app-btn[data-v-6bf1bb96]:hover:after{opacity:1}.app-btn[data-v-6bf1bb96]:active{transform:scale(.95)}.app-btn--pink[data-v-6bf1bb96]{--btn-bg:var(--color-ui-pink);--btn-bg-hover:var(--color-ui-pink-hover)}.app-btn--violet[data-v-6bf1bb96]{--btn-bg:var(--color-ui-violet);--btn-bg-hover:var(--color-ui-violet-hover)}.app-btn--blue[data-v-6bf1bb96]{--btn-bg:var(--color-ui-blue);--btn-bg-hover:var(--color-ui-blue-hover)}.app-btn--white[data-v-6bf1bb96]{--btn-bg:var(--color-ui-white);--btn-bg-hover:var(--color-ui-white-hover)}.app-btn--text-white[data-v-6bf1bb96]{color:var(--color-ui-white)}.app-btn--text-pink[data-v-6bf1bb96]{color:var(--color-ui-pink)}.app-btn--text-violet[data-v-6bf1bb96]{color:var(--color-ui-violet)}