/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
.krds-btn.xsmall {
  min-width: 6rem;
  height: 3.2rem;
  font-size: var(--krds-pc-font-size-label-small);
  border-radius: var(--krds-button--radius-small3);
}
.krds-btn.xxsmall {
  gap: var(--krds-button--gap-xsmall);
  height: 24px;
  padding-inline: 8px;
  border-radius: var(--krds-button--radius-small3);
  font-size: var(--krds-pc-font-size-label-xsmall);
}
.krds-btn.xxxsmall {
  gap: var(--krds-button--gap-xsmall);
  height: 20px;
  padding-inline: 8px;
  border-radius: var(--krds-button--radius-small3);
  font-size: var(--krds-pc-font-size-label-xxsmall);
}
.krds-btn.primary {
  background-color: #393984;
  border-color: var(--krds-color-light-primary-40);
}
.krds-btn.primary:active {
  font-weight: 700;
}
.krds-btn.primary:focus {
  font-weight: 700;
}
.krds-btn.secondary {
  background-color: var(--krds-color-light-secondary-70);
  border-color: var(--krds-color-light-secondary-70);
  color: #fff;
}
.krds-btn.secondary:hover {
  background-color: var(--krds-color-light-secondary-80);
  border-color: var(--krds-color-light-secondary-80);
}
.krds-btn.secondary:active {
  background-color: var(--krds-color-light-secondary-80);
  border-color: var(--krds-color-light-secondary-80);
  font-weight: 700;
}
.krds-btn.secondary:focus {
  background-color: var(--krds-color-light-secondary-80);
  border-color: var(--krds-color-light-secondary-80);
  font-weight: 700;
}
.krds-btn.tertiary {
  background-color: var(--krds-color-light-gray-100);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.krds-btn.tertiary:hover {
  background-color: var(--krds-color-light-gray-100);
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.krds-btn.tertiary:active {
  background-color: var(--krds-color-light-gray-100);
  border: 1px solid rgba(255, 255, 255, 0.75);
  font-weight: 700;
}
.krds-btn.tertiary:focus {
  background-color: var(--krds-color-light-gray-100);
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.krds-btn.excel {
  background-color: var(--krds-color-light-success-50);
  border: 1px solid var(--krds-color-light-success-50);
  color: #fff;
}
.krds-btn.excel:hover {
  background-color: var(--krds-color-light-success-60);
  border: 1px solid var(--krds-color-light-success-60);
}
.krds-btn.excel:active {
  background-color: var(--krds-color-light-success-70);
  border: 1px solid var(--krds-color-light-success-70);
  font-weight: 700;
}
.krds-btn.excel:focus {
  background-color: var(--krds-color-light-success-70);
  border: 1px solid var(--krds-color-light-success-70);
  font-weight: 700;
}
.krds-btn:disabled {
  background-color: var(--krds-color-light-gray-90);
  border-color: var(--krds-color-light-gray-90);
  color: var(--krds-color-light-gray-50);
}

.krds-btn.tertiary:not(.icon) .svg-icon {
  background-color: unset;
}

.krds-btn:disabled {
  background-color: var(--krds-color-light-gray-90) !important;
  border-color: var(--krds-color-light-gray-90) !important;
  color: var(--krds-color-light-gray-50) !important;
}

.btn-wrap {
  width: 100%;
}
.btn-wrap.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--krds-gap-3);
}
.btn-wrap.full button {
  width: 100%;
}
.btn-wrap.center {
  gap: var(--krds-gap-3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*# sourceMappingURL=button.css.map */