exercise-details.component.scss

.star-container {
  float: right;
  height: auto;
  padding-right: 10px;
}

.star::before {
  content: '★';
}

.star-marked {
  color: #ffc700;
}

.star-unmarked {
  color: #ccc;
}

.metadata-table {
  width: 100%;
}

.metadata-table-description {
  padding: 3px;
}

.metadata-table-value {
  padding: 3px;
}

.blackLink {
  color: black !important;
}

.modal-title {
  padding-top: 5px;
}

.card-text {
  text-align: left;
}

a {
  color: gray;
  text-decoration: none !important;
  .glyphicon {
    transition: all 0.5s;
    &.glyphicon-heart {
      color: #e74c3c;
    }
    &.glyphicon-heart-empty {
      &:hover {
        transform: scale(1.1);
      }
    }
  }
}

// .onhoverIcon:hover ~ .onhoverIconDisplay {
//   visibility: visible;
// }

// .onhoverIconDisplay {
//   visibility: hidden;
// }