.bookmark{
        color:#F4BC50;
        cursor:pointer;
        position:relative;
        font-weight:500;
    }

 .shining{
     position:absolute;
     background:#F4BC50;
     border-radius:50%;
     height:30px;
     width:30px;
     z-index:1;
     left:50%;
     top:50%;
     transform:translate(-50%, -50%);    
     opacity:0;     
 }

 .shining.active{
     animation-name:showshining;
     animation-duration:.5s;  
 }

 @media (max-width: 767px){
     .bookmark{
         font-size:20px;
     }
 }

 @keyframes showshining{
     0%{
         opacity: 0;
     }     
     50%{
         opacity: 1;
     }
     100%{
         opacity: 0;
     }
 }