.m-popular-post ul{counter-reset:rank;list-style:none;padding:0}.m-popular-post ul li{counter-increment:rank;position:relative}.m-popular-post ul li:not(:last-child){margin-bottom:2rem}@media screen and (max-width:767px){.m-popular-post ul li:not(:last-child){margin-bottom:1.5rem}}.m-popular-post ul li:before{background-color:#e08025;border-radius:50%;color:#fff;content:counter(rank);display:block;font-size:1.1rem;height:16px;left:-8px;line-height:16px;position:absolute;text-align:center;top:-8px;width:16px;z-index:2}.m-popular-post ul li a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.2rem;line-height:1.4;text-decoration:none;-webkit-transition:opacity .25s;transition:opacity .25s}.m-popular-post ul li a:hover{opacity:.7}.m-popular-post ul li a .image{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:1rem;position:relative;width:6.8rem}.m-popular-post ul li a .image:before{content:"";display:block;padding-top:100%}.m-popular-post ul li a .image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.m-popular-post ul li a .title{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;overflow:hidden}.m-popular-post ul li a p{font-size:1em}