.callback-list {
	margin-top: 1em;

	&-item {
	    @include clearfix();
	    position: relative;
	    padding: .6em 1em;

	    &:hover {
	        background: $gray-lightest;
	    }

	    // Borders.
	    // --------

	    border: solid $callback-list-border-color $callback-list-border-size;

	    // Remove top border for all except first child.
	    &:not(:first-child) {
	        border-top: 0;
	    }

	    // top border radius for first child.
	    &:first-child {
	        border-top-left-radius: $callback-list-border-radius;
	        border-top-right-radius: $callback-list-border-radius;
	    }

	    // bottom border radius for first child.
	    &:last-child {
	        border-bottom-left-radius: $callback-list-border-radius;
	        border-bottom-right-radius: $callback-list-border-radius;
	    }

	    // Sections.
	    // ---------

	    &-header {
	        margin-bottom: .4em;
	    }

	    &-info {
	        font-size: $font-size-small;
	        color: $callback-list-info-color;

	        > span {
	            display: inline-block;
	            margin-right: 1.6em;
	        }

	        .icon {
	            @include icon-vcenter();
	            font-size: 20px;
	            padding: .2em;
	        }
	    }

	    &-name {
	        margin-right: 1em;
	        font-size: $callback-list-name-text-size;
	        color: $callback-list-name-color;

	        &:hover {
	            color: $callback-list-name-hover-color;
	            text-decoration: none;
	        }
	    }

	    &-arrow {
	        color: $callback-list-arrow-color;
	        position: absolute;
	        right: .8em;
	        top: 50%;
	        > .icon {
	            font-size: 35px;
	            transform: translateY(-50%);
	        }
	    }
	}
}