.card {
  margin-bottom: 10px;
}

.card .card-body {
  position: relative;
}

/****************************************************/
/*** toggler                                      ***/
/****************************************************/

.card .card-body .card-text-toggler {
  display: none;
  position: absolute; 
  right: 10px; 
  top: 10px;
}

.card:hover .card-body .card-text-toggler {
  display: inline;
}

.card .card-body .card-text-toggler i {
  cursor: pointer;
}

/****************************************************/
/*** action button                                ***/
/****************************************************/

.card button i.fa.right,
.card button i.far.right {
  margin-left: 10px;
}

.card button {
  position: relative;
  min-width: 140px;
}

.card button i.fa.lock {
  position: absolute;
  right: -0.4em;
  bottom: -0.4em;
  color: #5c5c5c;
}