likes.css

h2{
    text-align: center;
    margin:0;
    padding-block-start: 2em;
    padding-block-end: .5em;
    color: black;
}
.body{
    background-image: linear-gradient(-45deg,pink,#5ed6b3 );
}
.written-material{
    margin-inline: 15%;
    padding-block-end: 2em;
}
.written-material p{
    text-align: center;
}
.like-buy{
    grid-template-rows: auto auto;
    row-gap: 2em;
    justify-content: space-evenly;
}
.buy-like{
    background: linear-gradient(0deg, #9756ff 0%, #E5B2CA 100%);
    padding-bottom: 4em;
    max-width: 17rem;
    border-radius: 20px;
    box-shadow: 0px 0px 7.5px 3px rgba(255, 255, 255, 0.733);
}
.buy-like img{
    width:50%;
    padding-block: 1em;
}
.img-center{
    width:100%
}
.buy-like i{
    padding-block:0.5em;
    font-weight: 900;
    color: #49007f;
    font-size: 5rem;
    padding-inline:1em;
}
h3{
    font-family: roboto, sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.price{
    font-size: 2rem !important;
    font-weight: 900 !important;
    padding:0 !important;
    text-align: center !important;
}
.buy-like li{
    font-family: roboto, sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    text-align: center;
}
.first-section-button{
    padding-inline:30%
}
@media screen and (max-width:1250px){
    .like-buy{
        grid-template-columns: auto auto auto !important;
    }
}
@media screen and (max-width:800px){
    .like-buy{
    grid-template-columns: auto auto !important;
}
}
@media screen and (max-width:550px){
    .like-buy{
        grid-template-columns: auto !important;
    }
    .buy-like i{
        padding-inline: 8rem !important;
    }
}