.button {
  border-radius: .5rem;
  background-color: #9263e3;
  color: #fff;
  border: none;
  text-align: center;
  min-width: 14rem;
  padding: 1.7rem 2.4rem;
  box-sizing: border-box;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  letter-spacing: 0;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  font-size: 1.8rem;

  &:hover {
    opacity: 0.9;
  }

  &_gradient {
    background-image: linear-gradient(-90deg, rgba(120, 79, 203, .79) 0%, rgba(93, 73, 212, .79) 24%, rgba(45, 25, 165, .79) 63%, rgba(31, 25, 68, .79) 100%);
  }
}