<div class="close"></div>
@import "compass/css3";

body {
  background: #888;
}
.close {
  color: #fff;
  background: #2c545d;
  border-radius: 15px;
  display: block;
  border: 2px solid #fff;
  margin: 50px auto 0;
  height: 24px;
  width: 24px;
  position: relative;
	&:after {
    content: '\2715';
    position: absolute;
    top: 4px;
    right: 5px;
    line-height: 1;
    font-size: 18px;
	}
	&:hover {
    background: #3f3f3f;
    cursor: pointer;
	}
  	&:active {
      background: #2f2f2f;
      cursor: pointer;
	}
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.