.hover-box[data-v-89720da6]{cursor:pointer;height:auto;text-align:center;width:200px}@media(max-width:460px){.hover-box[data-v-89720da6]{width:180px}}@media(max-width:390px){.hover-box[data-v-89720da6]{width:160px}}.button[data-v-89720da6]{padding:1em}.button.button-hover[data-v-89720da6]{color:var(--text-color,#18191b);position:relative;transition:all .5s}.button.button-hover[data-v-89720da6]:before{background-color:var(--button-color,#fff)}.button.button-hover[data-v-89720da6]:after,.button.button-hover[data-v-89720da6]:before{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.button.button-hover[data-v-89720da6]:after{border:1px solid var(--button-color,#fff);opacity:0;transform:scale(1.2)}.button.button-hover span[data-v-89720da6]{color:var(--text-color,#18191b);font-weight:600;position:relative;transition:color .3s;z-index:2}.button.button-hover[data-v-89720da6]:hover:before{opacity:0;transform:scale(.5)}.button.button-hover:hover span[data-v-89720da6]{color:var(--button-color,#fff)}.button.button-hover[data-v-89720da6]:hover:after{opacity:1;transform:scale(1)}.button.reverse[data-v-89720da6]:before{opacity:0;transform:scale(.5)}.button.reverse span[data-v-89720da6]{color:var(--button-color,#fff)}.button.reverse[data-v-89720da6]:after,.button.reverse[data-v-89720da6]:hover:before{opacity:1;transform:scale(1)}.button.reverse:hover span[data-v-89720da6]{color:var(--text-color,#18191b)}.button.reverse[data-v-89720da6]:hover:after{opacity:0;transform:scale(1.2)}