.list-events li.is-event:not([data-active='0']):hover{
  cursor: pointer;
  webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
  border: 1px solid #CCC;
  transition: box-shadow 200ms ease-out 0s;
  z-index: 1;
}
.list-events li.is-event:not([data-active='0']) .event-name:hover{
  text-decoration: underline;
}
.list-events li.is-event:not([data-active='0']) button:hover{
  opacity: 0.7;
  transition: all 100ms ease 0s;
}