button {
  &.default-ui {
    &:focus {
      border-color: #363636;
      box-shadow: none !important;
    }
  }

  &.red-ui {
    &:focus {
      border-color: #F71C6C;
      box-shadow: none !important;
    }
  }

  &.default-ui {
    height: map-get($default-size, 'height');

  }

  &.medium-ui {
    height: map-get($medium-size, 'height');

  }

  &.large-ui {
    height: map-get($large-size, 'height') !important;

  }

  &.small-ui {
    height: map-get($small-size, 'height');

  }

  &.tiny-ui {
    height: map-get($tiny-size, 'height');
  }

  &.okan {
    color: red
  }


}