.button-div[data-v-45d3a27e]{display:flex;align-items:center;gap:10px;cursor:pointer;height:38px;padding:0 10px;& .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_export.svg);mask-image:url(/img/common/ico_btn_group_export.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{white-space:pre;font-size:14px;cursor:pointer;color:#0188ef}}.button-div.dim[data-v-45d3a27e]{cursor:default;& .icon{cursor:default;background-color:#c2c2c2}& .button-text{cursor:default;color:#c2c2c2}}.button-div[data-v-45d3a27e]: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-45d3a27e]{gap:11px;& .button-text{font-size:16px}& .icon-wrapper{width:38px;height:38px}}}