.book {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-auto-rows: auto;
  grid-gap: 24px;
  grid-row-gap: 12px;
  text-align: left;
  border-top: 1px solid rgba(0,0,0,.1);
  margin-top: 24px;
  padding-top: 24px;
  
  * {
    font-size: 14px;
  }
  
  &:first-child {
    border-top: 0;
  }
  
  .book__header {
    grid-column: 2;
    grid-row: 1;
  }
  
  .book__content {
    grid-column: 2;
    grid-row: 2;
  }
  
  .book__footer {
    grid-column: 2;
    grid-row: 3;
  }
  
  .book__image {
    grid-column: 1;
    grid-row: 1 / span 3;
    
    img {
      max-width: 100%;
    }
    
    &:has(svg) {
      background: rgba(0,0,0,.1);
      position: relative;
      
      svg {
        fill: rgba(0,0,0,.5);
        width: 48px;
        height: 48px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }
  
  .book__title {
    font-weight: bold;
    font-size: 24px;
    margin: 0;
  }
  
  ul.meta {
    
    strong {
      font-weight: bold;
      
      &:after {
        content: ":";
      }
    }
  }
  
  .button {
    padding: 6px 12px;
    box-shadow: none;
    margin-top: 12px;
  }
}