.edit-figure-option {
  position: relative;

  display: block;

  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
}

.edit-figure-option-text {
  display: block;

  margin: 0;
  padding: 15px;

  color: #C1C1C1;
  background-color: #5B5D68;
  cursor: pointer;

  text-decoration: none;

  transition: color .4s ease, background-color .4s ease;
}

.edit-figure-option-text:hover,
.edit-figure-option-text--active {
  color: #FFFFFF;
  background-color: #565863;
}

.edit-figure-option-checkmark {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: .7;

  padding: 0;
  border: none;

  color: #C1C1C1;
  cursor: pointer;

  font-size: 20px;

  transition: color .4s ease, opacity .4s ease;
}

.edit-figure-option-checkmark--active {
  opacity: 1;

  color: #08b58e;
}

.edit-figure-option.ng-hide {
    line-height: 0 !important;
    transition: all .4s ease;
}

.edit-figure-option.ng-hide > .edit-figure-option-text,
.edit-figure-option.ng-hide > .edit-figure-option-checkmark {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
    height: 0 !important;
}

.edit-figure-option {
    transition: all .1s ease;
}
.edit-figure-option-text,
.edit-figure-option-checkmark {
    transition: all .4s ease;
}