.b-book-main-layout{display: flex; gap: 40px; align-items: flex-start; margin: 30px 0;}
.b-book-cover-wrap{width: 35%; flex-shrink: 0;}
.img-book-page-cover{width: 100%; height: auto; border-radius: 10px; -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.15); box-shadow: 0px 5px 15px rgba(0,0,0,0.15);}
.b-book-intro-text{width: 65%;}
.b-book-full-content{margin-top: 20px;}
.b-book-cta-box{margin-top: 25px;}
.a-book-support{display: inline-block; background-color: var(--color4); color: var(--bg); padding: 12px 25px; border-radius: 25px; font-size: 1.1vw; transition: 0.3s;}
.a-book-support:hover{background-color: var(--color3); text-decoration: none;}
.h3-subtitle{color: var(--color4); font-size: 2vw; margin: 40px 0 15px 0;}

.a-book-support-secondary{display: inline-block; background-color: var(--color5); color: var(--bg); padding: 12px 25px; border-radius: 25px; font-size: 1.1vw; transition: 0.3s;}
.a-book-support-secondary:hover{background-color: var(--txt); text-decoration: none;}

/************************************************************/
/************************************************************/
@media only screen and (max-width: 767px){
.b-book-main-layout{flex-direction: column; gap: 20px;}
}
@media only screen and (max-width: 767px){
.b-book-cover-wrap{width: 100%; max-width: 260px; margin: 0 auto;}
}
@media only screen and (max-width: 767px){
.b-book-intro-text{width: 100%;}
}
@media only screen and (max-width: 767px){
.b-book-cta-box{flex-direction: column; gap: 10px;}
}
@media only screen and (max-width: 767px){
.a-book-support{font-size: 4vw; width: 100%; padding: 14px 20px;}
}
@media only screen and (max-width: 767px){
.a-book-support-secondary{font-size: 4vw; width: 100%; padding: 14px 20px; margin-left: 0 !important;}
}
@media only screen and (max-width: 767px){
.h3-subtitle{font-size: 6vw; margin: 30px 0 10px 0;}
}