div.google-ads{float: left; width: 100%; padding: 10px 0 10px 0; margin: 15px 0 15px 0; background-color: white;}

ul.fonts,
ul.fonts li{float: left; margin: 0px; padding: 0px; list-style: none;}
ul.fonts{ background-color: #e6e6e6; width: calc(100% - 30px); padding: 15px; margin-top: 20px;}
ul.fonts li{margin: 15px 0 15px 0; position: relative; width: calc(100% - 40px); padding: 10px 20px 10px 20px; background-color: white; border-radius: 20px;}
ul.fonts li h2{float: left; width: 100%; margin: 10px 0 15px 0;font-weight: normal; }
ul.fonts li h2 span{float: right;  font-size: 15px;}
ul.fonts li h2 a{float: left;font-size: 20px; }
 
ul.fonts li p{float: left;  width: 100%; margin: 5px 0 0 0; overflow: hidden; color: black; padding: 5px 0 5px 0;}
ul.fonts li a{text-decoration: none; color: #343434;}
ul.fonts li h2 a:hover{text-decoration: underline;}
ul.fonts li p a{float: left; width: 100%;}
ul.fonts li a img{float:left;}
ul.fonts li a img.lazy{	background:white url(../images/loading.gif) left center no-repeat;}

ul.fonts li button{font-size: 16px; background-color: #d34836; border:#d97a6c 4px solid;cursor: pointer;border-radius: 50%; width: 60px; height: 60px; position: absolute; right: 20px; top: 50px;}
ul.fonts li button:hover{background-color: #a03323; border-color: #692117;}
ul.fonts li button i{font-size: 30px; color:white;}

ul.fonts li div.download{float: left; width: 100%; font-size: 18px; margin: 10px 0 10px 0; text-align: right; border-bottom: #f1eee4 4px solid; padding: 10px 0 10px 0;}
ul.fonts li div.download a{color: #4169E1;}
ul.fonts li div.download a:hover{text-decoration: underline;}
ul.fonts li div.download span{color:red;}