.btn {
  cursor: pointer; border-radius:5px;line-height: normal; text-transform: capitalize;
  @include flexbox; @include align-items(center); @include justify-content(center);
  font-weight: 500;font-size: 18px;
    padding: 15px 30px;
  &:not(:disabled):not(.disabled).active:focus, &:not(:disabled):not(.disabled):active:focus,
  .show > &.dropdown-toggle:focus, &:focus {box-shadow: none;}
  &.btn-primary {
    border-color: color(500); color: color(50); background-color: color(500);
    &:hover, &:focus, &:active, &:not(:disabled):not(.disabled):active {
      border-color: darken(color(500), 6%); background: darken(color(500), 6%); color: color(50);
    }
  }


  @media (max-width:1399px){
    font-size:16px; padding:12px 25px;
  }

  @include media-breakpoint-down(lg) {
    font-size: 15px; padding:10px 20px;
  }
  @include media-breakpoint-down(sm) {
    font-size: 14px; padding:8px 20px;
  }
}