@import '~styles/mixins';
@import '~styles/adminMixins';

.ModuleButton {
  height: 50px;
  height: $module_button_height;
  @include buttonShadow($color_primary);
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.3px;
  border-radius: 4px;

  .icon {
    font-size: 14px;
    margin-right: 15px;
  }
  &.small {
    font-size: 13px;
  }

  &.bordered-grey {
    background-color: transparent;
    color: black;
    border: 2px solid #ededed;
  }
  &.no-shadow {
    box-shadow: none !important;
  }

  &.primary {
    @include buttonShadow($color_primary);
  }
  &.secondary {
    @include buttonShadow($color_secondary);
  }
  &.ternary {
    @include buttonShadow($color_ternary);
  }
  &.green {
    @include buttonShadow($color-green);
  }
  &.red {
    @include buttonShadow($color-red);
  }
  &.grey {
    @include buttonShadow($color-grey);
  }
}
