.blog-post-banner-image__wrapper{background:var(--gradient,linear-gradient(284deg,rgba(0,79,227,.12) -1.44%,rgba(255,104,179,.12) 98.51%));gap:20px;overflow:hidden;position:relative}.blog-post-banner-image__wrapper:after{background:linear-gradient(284deg,rgba(0,79,227,.24) -1.44%,rgba(255,104,179,.24) 98.51%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:all .3s linear;transition:all .3s linear;width:100%;z-index:1}.blog-post-banner-image__wrapper:hover:after{opacity:1}.blog-post-banner-image__wrapper--featured{border-radius:12px;height:180px;overflow:hidden;padding:10px;position:relative;z-index:2}.blog-post-banner-image__wrapper--featured span{background:#fff;border:1px solid rgba(0,79,227,.2);border-radius:8px;color:#000816;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:20px;padding:9px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-post-banner-image__wrapper--main{gap:20px;position:relative;z-index:2}.blog-post-banner-image__wrapper--main .title *{margin-bottom:0}.blog-post-banner-image__wrapper--main .button_wrapper{position:relative;z-index:2}.blog-post-banner-image__wrapper--main .button_wrapper a{width:-webkit-max-content;width:-moz-max-content;width:max-content}