button,  .btn,  .upload-btn {
  @extend .btn;
  height: 3.125rem;
  font-size: 14px;

  padding: 14px;
  text-align: center;
  &.btn-small {
    height: auto !important;
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem;
  }
  span, img {
    @extend .float-right;
    padding-top: 0.4rem;
    padding-left: 0.4rem;
  }
  &.bg-primary2 {
    background: #f7c914 !important;
    //border-color: $primary2;
  }
  &.medium{
    width: 150px !important;
    height: 50px !important;
    &.btn-primary {
      //background: $primary2;
      //border-color: $primary2;
    }
  }
  &.btn-outline-hover-primary {
    &:hover {
      @extend  .bg-white, .btn-outline-primary;
    }
  }

  &.btn-outline-hover-grey {
    &:hover {
      border-color:  $shadow-grey;
      background: none;
    }
  }
  &.btn-outline-hover-none {
    &:hover {
      background: none;
    }
  }

}

.search-btn {
  @extend .btn;
  float: none;
  @extend .position-absolute, .m-2;
  margin-top: 1px !important;
  opacity: 0.5;
  &:hover {
    opacity: 1;
    padding: 10px;
  }
}

.upload-btn {
  min-width: 97px;
  height: 40px;
  width: auto !important;
  border: 1px solid ;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.03em;

  border-radius: 5px !important;
  color: #FAA515;
}