@media(min-width:721px){
  .book-chapter-card{
    grid-template-columns:120px minmax(190px,.82fr) minmax(180px,1.18fr)!important;
    min-height:230px;
  }
  .book-chapter-card:after{
    content:"";
    display:block;
    justify-self:stretch;
    align-self:stretch;
    min-height:165px;
    border-radius:22px;
    border:1px solid rgba(100,143,133,.10);
    background:
      linear-gradient(rgba(116,161,151,.11) 1px,transparent 1px),
      linear-gradient(90deg,rgba(116,161,151,.11) 1px,transparent 1px),
      radial-gradient(circle at 72% 30%,rgba(168,211,201,.32),transparent 26%),
      linear-gradient(145deg,rgba(244,250,247,.88),rgba(255,251,243,.72));
    background-size:28px 28px,28px 28px,auto,auto;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  }
  .chapter-one:after{
    background:
      linear-gradient(150deg,transparent 47%,rgba(226,170,151,.46) 48%,rgba(226,170,151,.46) 50%,transparent 51%),
      linear-gradient(30deg,transparent 47%,rgba(226,170,151,.28) 48%,rgba(226,170,151,.28) 50%,transparent 51%),
      radial-gradient(circle at 66% 34%,rgba(237,196,181,.34),transparent 28%),
      linear-gradient(145deg,#f7faf7,#fffaf3);
  }
  .chapter-two:after{
    background:
      linear-gradient(rgba(112,159,149,.10) 1px,transparent 1px),
      linear-gradient(90deg,rgba(112,159,149,.10) 1px,transparent 1px),
      linear-gradient(145deg,rgba(224,243,237,.82),rgba(255,251,244,.78));
    background-size:32px 32px,32px 32px,auto;
  }
}