/* Shared feather icon sizing */
.feather,
i[data-feather] {
  width: 1em; height: 1em; stroke-width:0.2em;
}
/* Hide by default */
.remove-session,
.edit-time-icon,
.info-icon {
  position:absolute;
  display:none;
  width:24px; height:20px;
  color:#fff;
  cursor:pointer;
  padding:0;
  justify-content:center;
  align-items:center;
}
.session-card:hover .remove-session,
.session-card:hover .edit-time-icon,
.session-card:hover .info-icon {
  display:flex;
  box-shadow:var(--session-button-box-shadow);
}
/* Remove */
.remove-session {
  top:0; right:-23px;
  background: linear-gradient(271deg,#ff0000,#ff8484);
  font-size:1.2em;
  border-top-right-radius:4px;
}
.remove-session:hover {
  background: linear-gradient(271deg,#ff0000,#a12828);
}
/* Edit-time */
.edit-time-icon {
  top:40px; right:-23px;
  background: linear-gradient(130deg,#0c77aa,#6fbbe0);
  border-bottom-right-radius:4px;
  font-size:1.2em;
}
.edit-time-icon:hover {
  background: linear-gradient(130deg,#0c77aa,#2e6c8a);
}
/* Info */
.info-icon {
  top:20px; right:-23px;
  background:#aaa;
  font-size:14px;
}
.info-icon:hover {
  background:#777;
}