.btn {
  cursor: pointer;
}



.kv-button {
  @extend .kv-py-2, .kv-px-4;

  text-align: center;
  border: 1px solid $color-primary;
  background: $color-primary;
  white-space: nowrap;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  transition: background-color 250ms, border-color 250ms;

  &-inverted {
    border-color: white !important;
    border-width: 2px;

    &:hover {
      background-color: white !important;
    }
  }

  &-inverted-v2 {
    background-color: white !important;
    border-width: 2px;
  }

  &-secondary {
    background-color: #fff;
    border-color: #cccccc;
    border-radius: 3px;
    color: #454545;
  }

  &-block {
    display: block;
    width: 100%;
  }

  &-small {
    font-size: 1em;
  }
}