.blog-post-banner{position:relative;display:block;overflow:hidden}.blog-post-banner-content{position:absolute;padding:15px;z-index:1}.blog-post-banner img{transition:all 1s cubic-bezier(.104,.204,.492,1)}.blog-post-banner:hover img{transform:scale(1.05)}.blog-post-banner.overlay:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5}.blog-post-banner.vertical-top.overlay:after{background:linear-gradient(0deg,color-mix(in srgb,var(--overlay-color, #fff) 0%,transparent) 0%,var(--overlay-color, #fff) 100%)}.blog-post-banner.vertical-middle.overlay:after{background:var(--overlay-color, #fff)}.blog-post-banner.vertical-bottom.overlay:after{background:linear-gradient(0deg,var(--overlay-color, #fff) 0%,color-mix(in srgb,var(--overlay-color, #fff) 0%,transparent) 100%)}.blog-post-banner.alignment-left .blog-post-banner-content{text-align:left;left:0;right:auto;max-width:80%}.blog-post-banner.alignment-center .blog-post-banner-content{text-align:center;left:10%;right:10%;max-width:80%}.blog-post-banner.alignment-right .blog-post-banner-content{text-align:right;left:auto;right:0;max-width:80%}.blog-post-banner.vertical-top .blog-post-banner-content{top:0;transform:translateY(0)}.blog-post-banner.vertical-middle .blog-post-banner-content{top:50%;transform:translateY(-50%)}.blog-post-banner.vertical-bottom .blog-post-banner-content{bottom:0;transform:translateY(0)}.blog-post-banner-title{font-family:Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:1.5rem!important;letter-spacing:.04em;color:var(--text-color)}.blog-post-banner-button{display:inline-flex;font-size:.9375rem;line-height:1.0625rem;font-weight:400;letter-spacing:.02em;cursor:pointer;position:relative;text-decoration:none;margin-top:15px;color:var(--text-color);transition:all .25s cubic-bezier(.104,.204,.492,1)}.blog-post-banner-button:before,.blog-post-banner-button:after{content:"";display:block;position:absolute;top:calc(100% + 2px);left:0;width:100%;height:1px;pointer-events:none}.blog-post-banner-button:before{background:var(--text-color);opacity:.4}.blog-post-banner-button:after{transform-origin:left center;transform:scaleX(0);background:var(--text-color);transition:all .25s cubic-bezier(.104,.204,.492,1)}.blog-post-banner-button:hover:after{transform:scale(1)}@media (width <= 480px){.blog-post-banner-title{font-size:1.4rem;line-height:1.1em}}@media (480px < width <= 1024px){.blog-post-banner-content{margin:10px 0}.blog-post-banner-title{font-size:1.8rem;line-height:1.1em}}@media (width >= 1024px){.blog-post-banner-content{margin:15px 0}.blog-post-banner-title{font-size:2rem;line-height:1.1em}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/blog-post-banner.css.map */