.card-title:hover {
    color: rgb(20, 71, 238);
}

.card-subtitle:hover {
    color: #a233cef6;
}

.anim-icon-edit {
    color: black;
    font-size: 18px;
    padding: 0px 20px;
    border: none;
}

.anim-icon-trash {
    color: black;
    font-size:18px;
    padding: 0px 20px;
    border: none;
}

.anim-icon-edit:hover {
    color: rgb(38, 216, 38);
    font-size: 16px;
}

.anim-icon-trash:hover {
    color: red;
    font-size: 16px;
}

/*  previous and next button */
.button-page {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}
  
.button-page:hover {
    background-color: #ddd;
    color: black;
}

.previous:hover {
    background-color: lightskyblue;
    color: black;
}

.next:hover {
    background-color: lightskyblue;
    color: black;
}

.previous {
    background-color: #f1f1f1;
    color: black;
}
  
.next {
    background-color: #f1f1f1;
    color: black;
}
  
.round {
    border-radius: 60%;
}