.button-div[data-v-18eefcf7]{display:flex;align-items:center;gap:6px;cursor:pointer;height:38px;padding:0 10px;& .button-text{white-space:pre;font-size:14px;cursor:pointer}}.button-text[data-v-18eefcf7]{white-space:pre;font-size:14px;cursor:pointer}.button-text.is-mobile[data-v-18eefcf7]{font-size:16px}.button-div.type02[data-v-18eefcf7]{cursor:pointer;& .icon-wrapper{width:28px;height:28px;display:inline-block;border-radius:50%;background-color:#fff;& .icon{width:100%;height:100%;-webkit-mask-image:url(/img/common/ico_btn_group_tag.svg);mask-image:url(/img/common/ico_btn_group_tag.svg);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:#0188ef}}& .button-text{color:#0188ef}}.button-div.type02.dim[data-v-18eefcf7]{cursor:default;& .icon{cursor:default;background-color:#c2c2c2}& .button-text{cursor:default;color:#c2c2c2}}.button-div.type02[data-v-18eefcf7]:not(.dim):hover{& .icon-wrapper{background-color:#e8f5ff;&:has(.icon:active){filter:opacity(1)}}@media only screen and (max-width:767px){& .icon-wrapper{background-color:#fff}}}@media only screen and (max-width:767px){.button-div[data-v-18eefcf7]{gap:11px;& .button-text{font-size:16px}}.button-div.type02[data-v-18eefcf7]{& .icon-wrapper{width:38px;height:38px}}}