.x-circle{position:relative;text-align:center;display:inline-block}.x-circle svg,.x-circle__text{left:0;width:100%;position:absolute}.x-circle svg{top:0;height:100%}.x-circle__layer{fill:none;stroke-linecap:round;stroke-dasharray:3140;stroke-dashoffset:3140;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.x-circle__text{top:50%;color:#333;-webkit-transform:translateY(-50%);transform:translateY(-50%)}