.ttl-book-callout{box-sizing:border-box;width:100%;margin:0 auto 1.5rem;padding:1.25rem 1.125rem 1.375rem;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"eyebrow eyebrow" "cover text" "actions actions";column-gap:1rem;row-gap:.875rem;align-items:center;background:#FFF4EA;border:1px solid #EFD3BA;border-top:5px solid #E35A14;border-radius:8px;box-shadow:0 2px 12px rgba(24,18,22,.08);color:#181216;font-family:inherit;line-height:1.4;text-align:left}
.ttl-book-callout *,.ttl-book-callout *::before,.ttl-book-callout *::after{box-sizing:border-box}
.ttl-book-callout p{margin:0;padding:0}
.ttl-book-callout .ttl-bc-eyebrow{grid-area:eyebrow;font-size:.875rem;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A83F08}
.ttl-book-callout .ttl-bc-cover{grid-area:cover;display:block;line-height:0;align-self:start}
.ttl-book-callout .ttl-bc-cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:3px;box-shadow:0 6px 16px rgba(24,18,22,.3)}
.ttl-book-callout .ttl-bc-text{grid-area:text;min-width:0;align-self:center}
.ttl-book-callout .ttl-bc-title{font-size:1.25rem;line-height:1.2;font-weight:800;color:#181216;text-wrap:balance}
.ttl-book-callout .ttl-bc-sub{margin-top:.4rem;max-width:38rem;font-size:1rem;line-height:1.45;color:#3B3238}
.ttl-book-callout .ttl-bc-actions{grid-area:actions;display:flex;flex-direction:column;gap:.625rem;margin:0}
.ttl-book-callout .ttl-bc-btn{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;border:2px solid #181216;border-radius:6px;font-size:1rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.ttl-book-callout .ttl-bc-btn:hover,.ttl-book-callout .ttl-bc-btn:focus{text-decoration:none}
.ttl-book-callout .ttl-bc-btn-primary{background:#181216;color:#FFFFFF}
.ttl-book-callout .ttl-bc-btn-primary:hover{background:#E35A14;border-color:#E35A14;color:#181216}
.ttl-book-callout .ttl-bc-btn-secondary{background:transparent;color:#181216}
.ttl-book-callout .ttl-bc-btn-secondary:hover{background:#181216;color:#FFFFFF}
.ttl-book-callout .ttl-bc-btn:focus-visible{outline:3px solid #0B57D0;outline-offset:3px}
.ttl-book-callout .ttl-bc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:640px){
.ttl-book-callout{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"cover eyebrow" "cover text" "cover actions";column-gap:1.5rem;row-gap:.5rem;padding:1.5rem 1.75rem}
.ttl-book-callout .ttl-bc-cover{align-self:center}
.ttl-book-callout .ttl-bc-title{font-size:1.625rem}
.ttl-book-callout .ttl-bc-actions{flex-direction:row;flex-wrap:wrap;margin-top:.625rem}
.ttl-book-callout .ttl-bc-btn{padding:.75rem 1.5rem}
}
@media (min-width:960px){
.ttl-book-callout{grid-template-columns:132px minmax(0,1fr) 15rem;grid-template-areas:"cover eyebrow actions" "cover text actions";column-gap:2rem;row-gap:.5rem;align-content:center;padding:1.5rem 2rem}
.ttl-book-callout .ttl-bc-title{font-size:1.875rem}
.ttl-book-callout .ttl-bc-eyebrow{align-self:end}
.ttl-book-callout .ttl-bc-text{align-self:start}
.ttl-book-callout .ttl-bc-actions{flex-direction:column;flex-wrap:nowrap;align-self:center;margin-top:0}
}
@media (prefers-reduced-motion:reduce){.ttl-book-callout .ttl-bc-btn{transition:none}}