/* =====================
  Tokens in Design System
  (following https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)
===================== */
/* ==========[ TOKENS ]========== */
/* 1. Texts */
/* 2. Button */
/* 3. Brand */
/* 4. Background */
/* 5. Font */
/* 6. Border */
/* ==========[ DECISION ]========== */
/** VAR OLDS **/
/*-- Colors --*/
/*-- Text & Font --*/
/*-- Border, Shadow --*/
/*-- Main colors --*/
.books__producthunt {
  background-image: linear-gradient(to right, rgba(75, 97, 114, 0.4) 33%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 38px 2px;
  background-repeat: repeat-x; }
  .books__producthunt:after {
    background-image: linear-gradient(to right, rgba(75, 97, 114, 0.4) 33%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 38px 2px;
    background-repeat: repeat-x;
    content: "";
    display: block;
    position: relative;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 2px; }

.books__read-online {
  border: 2px solid #fff;
  background: transparent;
  color: #fff; }
  .books__read-online:hover {
    color: #009f6f !important;
    border: 2px solid #009f6f; }
  @media (max-width: 991px) {
    .books__read-online {
      color: #009f6f !important;
      border: 2px solid #009f6f;
      background: #fff; }
      .books__read-online:hover {
        color: #fff !important;
        background: #009f6f;
        border: 2px solid #009f6f; } }
.books__chapter-title .icon {
  top: 2px;
  left: 10px; }

.books__chapter-title:hover .icon {
  transition: ease-in-out .3s;
  position: relative;
  transform: translateX(5px); }