.square-box{position:relative;width:60px;overflow:hidden}[dir] .square-box{background:#4679bd;border-radius:10px}.square-box:before{content:"";display:block}[dir] .square-box:before{padding-top:100%}.square-content{position:absolute;top:0;bottom:0;color:#fff}[dir=ltr] .square-content,[dir=rtl] .square-content{left:0;right:0}.square-content div{display:table;width:100%;height:100%}.square-content span{display:table-cell;vertical-align:middle;color:#fff}[dir] .square-content span{text-align:center}