.mbtn[data-v-51ab27fc]{align-items:center;border:1px solid #000;display:flex;height:4.8rem;justify-content:center;position:relative;transition:all .2s ease-in;transition:background-position .5s ease;width:18rem}.mbtn .xhi[data-v-51ab27fc]{left:0;opacity:0;position:absolute;transform:translate(0);z-index:3}.mbtn .xhi[data-v-51ab27fc],.mbtn span[data-v-51ab27fc]{color:#2b2b2b;transition:all .5s ease}.mbtn span[data-v-51ab27fc]{align-items:center;display:flex;font-size:1.6rem;justify-content:center;position:relative;text-align:center;z-index:5}.mbtn .mbtn_bg[data-v-51ab27fc]{background:#305c4f;height:100%;left:0;position:absolute;top:0;transition:all .5s ease;width:0;z-index:1}.mbtn[data-v-51ab27fc]:hover{border-color:#305c4f}.mbtn:hover span[data-v-51ab27fc]{color:#fff;transform:translate(2rem)}.mbtn:hover .xhi[data-v-51ab27fc]{animation:left-right-51ab27fc 1s infinite;color:#fff;left:3rem;opacity:1}.mbtn:hover .mbtn_bg[data-v-51ab27fc]{width:100%}.mbtn_white[data-v-51ab27fc]{border-color:#fff}.mbtn_white .xhi[data-v-51ab27fc],.mbtn_white span[data-v-51ab27fc]{color:#fff}.mbtn_white .mbtn_bg[data-v-51ab27fc]{background:#fff}.mbtn_white[data-v-51ab27fc]:hover{border-color:#fff}.mbtn_white:hover .xhi[data-v-51ab27fc],.mbtn_white:hover span[data-v-51ab27fc]{color:#2b2b2b}@keyframes left-right-51ab27fc{0%{transform:translate(-10%)}50%{transform:translate(10%)}to{transform:translate(-10%)}}