@media (max-width:768px){
  .my-agenda--agent .item--agenda>span>span>div.Available:hover {
    background-color: transparent;
  }
  .my-agenda--agent .item--agenda>span>span>div.Available:hover .status,
  .my-agenda--agent .item--agenda>span>span>div.Not.available:hover .status {
     display: flex;
  }
  .my-agenda--agent .item--agenda>span>span>div:hover .actions a, .my-agenda--agent .item--agenda>span>span>div:hover .actions, .my-agenda--agent .item--agenda>span>span>div.Available:hover .actions {
    display: flex;
  }
  .my-agenda--agent .field-content .actions {
    display: block;
    align-items: center;
  }

  .my-agenda--agent .field-content .actions a {
    height: 100%;
    width: 100%;
    opacity: 0;
  }
}