@media (max-width:768px){
  .my-agenda--agent .item--agenda>span>span>div.Available:hover {
    background-color: transparent;
    border: 2px solid var(--blue);
  }
  .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;
}
}