.button-wrapper[data-v-e21d9bd1]{gap:.3rem;width:100%}.button-wrapper[data-v-e21d9bd1],.button-wrapper button[data-v-e21d9bd1]{align-items:center;display:flex;overflow:hidden}.button-wrapper button[data-v-e21d9bd1]{aspect-ratio:1/1;background-color:#6783;border-radius:40%;justify-content:center;line-height:100%;min-width:100%;position:relative}.button-wrapper button.right[data-v-e21d9bd1]{grid-column-start:3}.button-wrapper button img[data-v-e21d9bd1]{height:40%;width:40%;z-index:1}.button-wrapper button .background[data-v-e21d9bd1]{background:#3fa9f5;border-radius:40%;filter:brightness(400%);height:100%;left:0;position:absolute;top:0;transition:all .2s ease-out;width:100%}.button-wrapper button.left .background[data-v-e21d9bd1]{transform:translate(100%)}.button-wrapper button.up .background[data-v-e21d9bd1]{transform:translateY(100%)}.button-wrapper button.right .background[data-v-e21d9bd1]{transform:translate(-100%)}.button-wrapper button.down .background[data-v-e21d9bd1]{transform:translateY(-100%)}.button-wrapper[data-v-e21d9bd1]:hover{cursor:pointer}.button-wrapper:hover button.down .background[data-v-e21d9bd1],.button-wrapper:hover button.left .background[data-v-e21d9bd1],.button-wrapper:hover button.right .background[data-v-e21d9bd1],.button-wrapper:hover button.up .background[data-v-e21d9bd1]{filter:brightness(100%);transform:translate(0)}.dark-mode .button-wrapper button img[data-v-e21d9bd1]{filter:brightness(1000%)}