.button-box[data-v-bda8aa10]{--size:var(--bd807722);--tr:all .5s ease-out;background-color:#ff6900;border-radius:calc(var(--size)/3);font-size:var(--size);height:calc(var(--size)*3);overflow:hidden}.button-box[data-v-bda8aa10],.button-box .link[data-v-bda8aa10]{display:inline-flex;position:relative}.button-box .link[data-v-bda8aa10]{align-items:center;color:#fff;cursor:pointer;font-weight:500;justify-content:center;padding:0 calc(var(--size)*2);text-decoration:none;width:100%}.button-box .link .icomm[data-v-bda8aa10]{font-size:calc(var(--size)*1.4);margin-right:calc(var(--size)/2)}.button-box[data-v-bda8aa10]:before{background:#0000001c;border-radius:calc(var(--size)*2);content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translate(-100%);transition:var(--tr);width:100%}.button-box[data-v-bda8aa10]:hover:before{border-radius:calc(var(--size)/3);transform:translate(0);transition:var(--tr);width:100%}.button-box.line[data-v-bda8aa10]{background:none;border:var(--bd86d73c)}.button-box.line[data-v-bda8aa10]:before{background:var(--v033bef7e)}.button-box.line .link[data-v-bda8aa10]{color:inherit;color:var(--v033bef7e)}.button-box.line:hover .link[data-v-bda8aa10]{color:#fff}