* {
    margin: 0;
    padding: 0;
}
.book-contant {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.book-contant a {
    list-style: none;
    text-decoration: none;
    list-style-type: none;
    color: black;
}
nav {
    text-decoration: none;
    list-style: none;
    background: rgb(241, 241, 241);
}
.book-title {
    width: auto;
    color:white;
}
.book-details {
    border: 1px solid gainsboro;
    border-radius: 0.2rem;
    height: 100%;
    align-items: center;
    text-align: center;
    width: 14rem;
    margin: auto;
    background:  #E2BFD9;
}
.book-price {
    align-items: center;
    text-align: center;
    width: 100%;
    margin: auto;
      /*background: pink; */
}

#buttonText {
    position: relative;
    top: 1.1rem;
    width: 20%;
    border: none;
    background: orange;
    padding: 0.5rem;
    z-index: 1;
    top: 50%;
}
p {
    color: white;
}
.book-details img {
    width: 13rem;
    height: 19rem;
    padding: 0.5rem;
    align-items: center;
    margin: auto;
    align-items: center;
}
.book-details:hover {
    background:  #E2BFD9;
    list-style: none;
    text-decoration: none;
    list-style-type: none;
    color: black;
}
.book-details:hover a {
    list-style: none;
    text-decoration: none;
    list-style-type: none;
    color: black;
}
.checked {
    color: orange;
}
@media only screen and (max-width: 600px) {
    #buttonText {
        width: 40%;
        border: none;
        background: orange;
        padding: 0.5rem;
    }
    #text {
        width: 100%;
    }
}