.drive-cte {
  position: relative;
  display: block;
}

.drive-cte:before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -37px;
  left: -15px;
  background: #ff1f45 url("../img/_drive/click-to-edit.svg") center no-repeat;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  z-index: 10;
}

.drive-cte:after {
  content: "";
  display: block;
  height: calc(100% + 20px);
  width: calc(100% + 30px);
  position: absolute;
  top: -10px;
  left: -15px;
  border: 2px dashed #ff1f45;
  background-color: rgba(255, 31, 69, 0.05);
  opacity: 0;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  z-index: 9;
  -webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.drive-cte:hover {
  cursor: pointer;
}

.drive-cte:hover:before, .drive-cte:hover:after {
  opacity: 1;
}