.book-content .head {
	cursor: pointer;
}

.book-content .preview {
	height: 140px;
}

.book-content .preview img {
	height: 100px;
	float: left;
	margin: 20px
}

.book-content .preview p {
	padding: 20px;
}

.book-content .preview p.description {
	float: left;
}

.book-content .preview p.alert {
	float: right;
	font-style: italic;
	font-weight: 800;
}

.book-content .book-answer {
	display: none;
}

.book-content.active-by-default .book-answer {
	display: block;
}

.book-content.active-by-default .preview {
	display: none;
}

.book-content .head h3:after{
	color: #fff;
	background: #1884bd;
    text-align: center;
    content: "\002B";
    position: absolute;
    right: 30px;
    transform: translateY(-20%);
    transition: all 0.3s ease-in-out;
    font-size: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
}

.book-content.active .head h3:after,
.book-content.active-by-default .head h3:after{
	transform: rotate(45deg) translate(-15%, -15%);
	background: #f29400;
}