.blog-page{background:#fff;border-radius:10px;flex-direction:column;gap:10px;margin-top:25px;padding:10px;display:flex}.blog-page__reading-time,.blog-page__date{background:var(--accent-clr);border-radius:5px;padding:5px;font-size:.8rem}.blog-page__heading{font-size:clamp(1.5rem,4vw,2rem);font-weight:500}.blog-page__img-wrapper{border-radius:10px;overflow:hidden}.blog-page__img{object-fit:cover;object-position:center;width:100%;height:100%}.blog-page__section-heading{margin-bottom:10px;font-size:clamp(20px,3vw,30px);font-weight:500}.blog-page__cta{background:#fff;border-radius:10px;flex-direction:column;gap:10px;margin-top:25px;padding:10px;display:flex}.blog-page__cta-text{max-width:1000px;font-size:20px;font-weight:500}.blog-page__cta-actions{justify-content:flex-end;gap:5px;display:flex}.blog-page__cta-link{z-index:0;background:var(--bg-clr);border-radius:10px;flex-shrink:0;align-self:flex-end;margin-top:auto;padding:10px;font-weight:500;display:inline-block;position:relative;overflow:hidden}.blog-page__cta-link:before{content:"";z-index:-1;background:var(--accent-clr);transform-origin:0 100%;width:100%;height:100%;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.blog-page__cta-link:hover:before{transform:scaleX(1)}@media screen and not (min-width:900px){.blog-page,.blog-page__cta{margin-top:10px}}