.button {
    text-align: center;
    padding: 8px 16px;
    background-color: #3223b3;
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    -webkit-user-select: none;
    user-select: none;
  
    &.button--secondary {
      background-color: #eaeaea;
      color: #605f6c;
      transition: 0.2s;
  
      &:hover {
        background-color: #ddd;
      }
    }
  
    &.button--tertiary {
      background-color: #ca0000;
      transition: 0.2s;
  
      &:hover {
        background-color: #9a0000;
      }
    }
  
    &.button--width-full {
      width: 100%;
    }
  }