@-webkit-keyframes salePulse {
      
    from { background-color: #a00; }
    80% { background-color: #c00; -webkit-transform:scale(1.1); }
    to { background-color: #a00; }
    }
    
    mark.sale {
      background: #c00; /* fallback for non-webkit browsers */
      display: block;
      width: 110px;
      text-align: center;
      line-height: 2.3em;
      border-radius: 3.3em;
      color: #fff;
      font-weight: bold;
      -webkit-animation-name: salePulse;
      -webkit-animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
    
      position: absolute;
      left: 20px; /* Adjust this value to position it as needed */
      
    }
    
    mark.book {
      background: #c00; /* fallback for non-webkit browsers */
      display: block;
      width: 110px;
      text-align: center;
      line-height: 2.3em;
      border-radius: 3.3em;
      color: #fff;
      font-weight: bold;
      -webkit-animation-name: salePulse;
      -webkit-animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
    
   
      
    }
    
    
    /* p {
      text-align: center;
      margin: 200px 0;
    } */
    
    
    
    a {
      text-decoration: none;
      color: dimgrey;
    }
    
    a:hover {
      text-decoration: underline;
      color: darkslategrey;
    }
    
    a:visited {
      text-decoration: none;
      color: dimgrey;
    }