.flex-container{align-items:baseline;display:flex}.flex-container>div{flex:1 1 auto;margin:1em}.blog-posts .blog-post .blog-post__image{aspect-ratio:5/3;background:#085ce5;position:relative}.blog-posts .blog-post .blog-post__image img{height:100%;object-fit:cover;vertical-align:bottom;width:100%}.blog-post__wrap{padding:1em;text-align:left}.blog-post__title *{font-size:1.6em;line-height:1.3;text-wrap:balance}.blog-post__content *,.blog-post__cta{padding:.5em 0 1em}.blog-post__bookmark{border:1px solid pink;padding:.5em .75em .65em;position:relative;text-align:right;width:100%}.blog-post__bookmark .icon-bookmark svg{cursor:pointer;fill:rgba(6,24,95,.24);bottom:-60px;position:absolute;right:-5px;transition:all .15s ease}.blog-post__bookmark .icon-bookmark:hover svg{transform:scale(1.3)}.blog-post__bookmark.active .icon-bookmark svg{fill:hsla(0,0%,100%,.89);bottom:-8px;position:absolute;right:-5px;transform:scale(.8)}.blog-post__bookmark.active .icon-bookmark:hover svg{fill:hsla(0,0%,100%,.39);transform:scale(1)}.blog-post__bookmark-help span{bottom:0;color:#fff;font-size:.8em;opacity:0;position:absolute;right:-30px;transition:all .3s ease-in-out}.blog-post__bookmark .icon-bookmark:hover~.blog-post__bookmark-help span{animation:fadeIn .3s ease-in alternate;cursor:pointer;opacity:1;right:0}.icon-bookmark{display:inline-block;position:relative;z-index:3}.blog-post__bookmark-help{cursor:default;position:relative;z-index:0}.false{border:2px solid green}.true{border:2px dotted red}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}