<div class="container">
  <div class="row">
    <div class="col py-3">
      <div class="btn-group-toggle row" data-toggle="buttons">
        <label class="btn btn-outline-success col mr-2">
          <input type="radio" name="like" value="1"> <i class="fa fa-fw fa-thumbs-up"></i>好き!
        </label>
        <label class="btn btn-outline-danger col ml-2">
          <input type="radio" name="like" value="-1" > <i class="fa fa-fw fa-thumbs-down"></i>嫌い!
        </label>
      </div>
    </div>
  </div>
</div>
.btn:not(.active){
  cursor: pointer;
}

External CSS

  1. https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css
  2. https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

External JavaScript

  1. https://code.jquery.com/jquery-3.3.1.slim.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js
  3. https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js