.agent{
  width: 250px;
  height: 250px;
  padding: 10px;
  background-color: #F2F2F2;
  border-radius: 0.8rem;
  margin: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items:center;
  cursor:pointer;
  color: #000;
  text-decoration: none;
}

.agent:hover{
  background-color: #e0e0e0;
}

.agent p{
  white-space: nowrap;
}