@charset "utf-8";

/* svg-icon */
.svg-icon {background-repeat: no-repeat; background-position: center center; background-size: contain;}
.svg-icon.ico-go {background-image: url(/img/ico/ico_go.svg);}

/* btn */
.mods-btn {width: auto; height: 40px; display: inline-flex; align-items: center; justify-content: center; flex-direction: row; gap: 4px; padding: 4px 2px; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ddd; border-radius: 0.8rem; color: #000; font-size: 1.9rem; font-weight: 400; transition: 0.4s ease-in-out; cursor: pointer; white-space: nowrap;}
.mods-btn .svg-icon {width: 24px; height: 24px; transition: transition: 0.4s ease-in-out;}

.mods-btn.secondary {background-color: #f8fbff; border-color: #0052b8; color: #0052b8;}

.mods-btn.xsmall {height: 32px; gap: 4px; padding: 0 10px; border-radius: 4px; font-size: 15px; font-weight: 400;}
.mods-btn.xsmall .svg-icon {width: 16px; height: 16px;}