.editable:hover {
  background-color: rgb(142, 192, 97);
  border: 2px dotted #217531;
  transition: background-color 0.3s ease-out;
  cursor: pointer;
}

.editable-controls { position: relative; }

.editable-controls textarea {
  box-sizing: border-box;
  border: 1px dashed black;
  padding: 0;
  margin: 0;
}

.editable-controls button {
  position: absolute;
  bottom: -20px;
  border: none;
  border-radius: 3px;
  color: white;
  z-index: 10;
}

.editable-controls .editable-ok { left: 9px; }

.editable-controls .editable-cancel { left: 64px; }