.card-link {

    height: 11em;
    width: 8.2em;
    font-size: 1.5em;
    margin: 1em;
    display: flex;
    box-shadow: 0 0 5em -1em rgb(194, 192, 192);
    position: relative;
    overflow: hidden;
    /* border: 5px solid #1c2e50; */
    border: 3px solid rgb(3, 87, 13); 
    border-radius: 20px;
    padding: 2px;
  }

  .card-link:hover {
    transform: rotate(0);
    padding: 0px;
    /* border: 5px solid #f15c05; */
    border: 3px solid #28ff1a;
  }

.book-name{
  color: rgb(3, 87, 13); 
}
.book-name:hover {
color: #28ff1a;
}