.flexible-banner__item{position:relative;width:100%;transition:all .1s ease-in-out}.flexible-banner__item-image{min-height:200px;height:200px}.flexible-banner__item-image img{height:100%;width:100%;object-fit:cover}.flexible-banner__item-content{align-items:flex-start;background-color:#00000030;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;padding:12px;position:absolute;top:0;right:0;bottom:0;left:0}.flexible-banner__item-title{margin-bottom:unset}.flexible-banner__item-title.h2,.flexible-banner__item-title.h3{font-size:20px!important}.flexible-banner__item-content .btn{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;min-width:unset;padding:8px 12px;height:42px}.flexible-banner__item-content .btn-icon{display:inline-flex}.flexible-banner__item-content .btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.flexible-banner__item-title{color:#fff}.grid-item--width-1,.grid-item--width-2,.grid-item--width-3,.grid-item--width-4{flex:0 0 50%}.grid-item--width-3 .flexible-banner__item-content .btn,.grid-item--width-4 .flexible-banner__item-content .btn{min-width:100%}@media only screen and (min-width:992px){.flexible-banner__item:hover{transform:translateY(-4px)}.section-flexible-banner .grid-item{margin-bottom:20px}.flexible-banner__item-image{height:320px}.flexible-banner__item-content{align-items:flex-end;flex-direction:row;justify-content:space-between;gap:20px;padding:24px}.flexible-banner__item-title.h2{font-size:40px!important}.flexible-banner__item-title.h3{font-size:26px!important}.flexible-banner__item-content .btn{padding:12px;font-size:18px}.grid-item--width-1{flex:0 0 25%}.grid-item--width-2{flex:0 0 50%}.grid-item--width-3{flex:0 0 75%}.grid-item--width-4{flex:0 0 100%}.grid-item--width-3 .flexible-banner__item-content,.grid-item--width-4 .flexible-banner__item-content{align-items:flex-start!important;flex-direction:column!important;justify-content:flex-end}.grid-item--width-3 .flexible-banner__item-title,.grid-item--width-4 .flexible-banner__item-title{width:32%}.grid-item--width-3 .flexible-banner__item-content .btn,.grid-item--width-4 .flexible-banner__item-content .btn{min-width:unset}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-flexible-banner.css.map */