@import '../core/mixins.scss';

.btn-small {
  font-family: 'Nunito Sans', 'Open Sans', sans-serif;
  display: inline-block;
  border: 0;
  padding: 9px 12px;
  font-size: 16px;
  border-radius: 20px;
  line-height: 1;
  .xs {
    font-size: 12px;
  }
  .md {
    font-size: 14px;
  }
  .md {
    font-size: 16px;
  }
  .md {
    font-size: 20px;
  }
  @include transition(0.1s all);
  &:hover {
    cursor: pointer;
    background-color: $gray-05;
  }
  &.download {
    color: $primary-color;
    &:hover {
      color: $primary-color-hover;
    }
    &.multiple {
      &:hover {
        background-color: $gray-05;
      }
    }
  }
  &.primary {
    color: #fff;
    &:hover {
      color: #fff;
    }
  }
  &.default {
    color: $gray-50;
    &:hover {
      color: #e9e9e9;
    }
  }
  &.delete {
    color: gray;
    &:hover {
      color: $danger;
    }
  }
  &.accept {
    color: gray;
    &:hover {
      background-color: $success;
      color: #fff;
    }
  }
  &.add {
    color: $secondary-color;
    background-color: transparent;
    &:hover {
      color: $secondary-color-hover;
      background-color: #f3f3f5;
    }
  }
}