.add-entity {
  display: flex;
  //   justify-content: flex-end;
  //   margin-top: 1.5em;
  align-self: center;
  padding-bottom: 1em;
  cursor: pointer;
  color: #0070c0;
}

.add-entity:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #0070c0;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.add-entity:hover:after {
  width: 100%;
  left: 0;
}