.banner-grid{position:relative}.banner-grid .grid-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.banner-grid .grid-wrap .grid-wrapper{width:calc(33.33% - 20px)}.banner-grid .banner-block{position:relative;display:flex;align-items:center;justify-content:center}.banner-grid .banner-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;background-color:#222;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.banner-grid .banner-block:hover:before{opacity:.5}.banner-grid .banner-block button{color:var(--font-color-primary);position:absolute;z-index:1;transform:translateY(15px);opacity:0;background-color:#fff;border-color:#fff}.banner-grid .banner-block button:hover{color:#fff;border-color:var(--font-color-primary);background-color:var(--font-color-primary)}.banner-grid .banner-block:hover button{opacity:1;transform:translateY(0)}.banner-grid .banner-block .banner-title{position:absolute;bottom:30px;left:30px;right:30px;text-align:center;background-color:#fff;padding:20px}.banner-grid .banner-block .banner-title h2{font-size:30px;font-weight:var(--subtitle-custom-font-weight-body)}.banner-grid .banner-block .banner-title span{font-size:var(--subtitle-font-size-body);margin-top:5px}@media (max-width: 1399px){.banner-grid .banner-block .banner-title h2{font-size:24px}}@media (max-width: 1199px){.banner-grid .banner-block .banner-title h2{font-size:20px}}@media (max-width: 991px){.banner-grid .banner-block{flex-direction:column}.banner-grid .banner-block:before{display:none}.banner-grid .banner-block button{display:none}.banner-grid .grid-wrap .grid-wrapper{width:calc(50% - 20px)}}@media (max-width: 767px){.banner-grid .grid-wrap{gap:15px}}@media (max-width: 600px){.banner-grid .grid-wrap .grid-wrapper{width:calc(50% - 8px)}.banner-grid .banner-block .banner-title{position:unset;margin-top:15px;padding:0}.banner-grid .banner-block .banner-title h2,.banner-grid .banner-block .banner-title span{font-size:var(--font-size-body)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/banner-grid.css.map */