#main article.post .more-link { color: #fff; text-decoration: none; text-align: center; position: relative; z-index: 10; display: block; width: 150px; height: 150px; line-height: 150px; } #main article.post .more-link::before { content: ''; background-color: #000000; display: block; position: absolute; width: 150px; height: 150px; z-index: -1; border-radius: 50%; box-shadow: 0 0 0 0 #fff, 0 0 0 0 #000000; transition: all .2s ease; -webkit-transition: all .2s ease; } #main article.post .more-link:hover::before { transform: scale(0.8); -webkit-transform: scale(0.8); box-shadow: 0 0 0 25px #fff, 0 0 0 27px #000000; }