.card{display:block;grid-template-areas:"image" "text" "stats";font-family:roboto;background-color:#0b9fe8;text-align:center;transition:.5s ease;cursor:pointer}.card-image{margin:1px 58px}.card-image img{width:35%;margin-top:29px}.card-text{grid-area:text;margin:25px}.card-text h2{font-size:36px;color:#1e2541;font-weight:normal}.card-text .date{color:#ff076e;font-size:13px}.card-stats{grid-area:stats;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:#ff076e}.card-stats .stat{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;color:#fff}.card-stats .value{font-size:22px;font-weight:500px}.card-stats .type{font-size:11px;font-weight:300px;text-transform:uppercase}.book{border-radius:25px;background-color:transparent;padding:15px 27px;border-color:#202a44;color:#fff;font-weight:bold}.card-stats .border{border-left:1px solid #ac1a57;border-right:1px solid #ac1a57}@media screen and (min-width:220px) and (max-width:379px){.cards_item{width:50%}.card{display:block;flex-direction:column;overflow:hidden}.card-image{margin:1px 58px}.card-image img{width:43%;margin-top:29px}.card_text{color:#fff;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;font-weight:400}.book{font-weight:400;font-size:13px;margin-top:35px;text-align:center}}@media screen and (min-width:380px) and (max-width:768px){.cards_item{width:50%}.card{display:flex;flex-direction:column;overflow:hidden}.card-image{margin:1px 58px}.card-image img{width:43%;margin-top:29px}.card_text{color:#fff;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;font-weight:400}.book{font-weight:400;font-size:16px;margin-top:35px;text-align:center}}.book:hover{background-color:#202a44 !important;color:white !important}