.book {
  position: relative; }
  .book::before, .book::after {
    background: #fff;
    content: "";
    position: absolute;
    width: 150rem; }
  .book::before {
    height: 2.5rem;
    right: 100%;
    top: 0; }
    @media (min-width: 37.5em) {
      .book::before {
        height: 7.5rem; } }
  .book::after {
    bottom: 0;
    height: 100%;
    left: 100%; }
  .book__image img {
    display: block; }
  .book__link {
    background: #fff;
    bottom: -50px;
    padding: 1rem;
    right: 0;
    width: 100%; }
    @media (min-width: 55em) {
      .book__link {
        bottom: 0;
        padding: 1.25rem 2rem;
        position: absolute;
        width: 40%; } }
    .book__link a {
      color: #323232;
      font-family: "Avenir LT W01_95 Black1475556";
      padding-right: 1rem;
      position: relative;
      text-decoration: none;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      padding-right: .75rem; }
      @media (min-width: 55em) {
        .book__link a {
          padding-right: 1.5rem; } }
      .book__link a::after {
        color: #CC9D39;
        content: ' \00BB';
        margin-left: 0.75rem;
        position: absolute;
        right: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .book__link a:hover {
        text-decoration: none; }
        .book__link a:hover::after {
          right: -0.25rem; }
      @media (min-width: 55em) {
        .book__link a {
          padding-right: 1rem; } }
      .book__link a:hover {
        text-decoration: none; }