Bootstrap 4

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <div class="row mb-0 pb-0 d-flex" style="border:1px solid red;">
      <div class="col-sm-8 mb-0 pb-0" style="border:1px solid blue;">
        <div class="md-form mt-4">
          <textarea type="text" id="objetivo_especifico" class="md-textarea form-control" formControlName="objetivo_especifico"></textarea>
          <label for="objetivo_especifico">Objetivo EspecĂ­fico</label> 
        </div>
      </div>
      <div class="col-sm-4 flex-center" style="border:1px solid blue;">
        <a  class="m-0"     class="btn-pin waves-light animated mr-8 bola_roja p-0 m-0" >Holi
        </a>
      </div>
    </div>

CSS

body {
    margin: 10px;
}