.btn[data-v-008fc0ee]{width:15rem;height:4rem;border-radius:1rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);justify-self:center;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease}.btn__primary[data-v-008fc0ee]{grid-column:1/2;grid-row:4/5;background:var(--primary);box-shadow:inset .2rem .2rem 1rem var(--primary-light),inset -.2rem -.2rem 1rem var(--primary-dark),.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);color:var(--greyLight-1)}.btn__primary[data-v-008fc0ee]:hover{color:var(--white)}.btn__primary[data-v-008fc0ee]:active{box-shadow:inset .2rem .2rem 1rem var(--primary-dark),inset -.2rem -.2rem 1rem var(--primary-light)}.btn__secondary[data-v-008fc0ee]{grid-column:1/2;grid-row:5/6;color:var(--greyDark)}.btn__secondary[data-v-008fc0ee]:hover{color:var(--primary)}.btn__secondary[data-v-008fc0ee]:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.btn p[data-v-008fc0ee]{font-size:1.6rem}:root{--primary-light: #8abdff;--primary: #6d5dfc;--primary-dark: #5b0eeb;--white: #FFFFFF;--greyLight-1: #E4EBF5;--greyLight-2: #c8d0e7;--greyLight-3: #bec8e4;--greyDark: #9baacf}$shadow: .3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white); $inner-shadow: inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);{}