.small-banner-section .grid{gap:20px}.small-banner-section .banner-item{position:relative;overflow:hidden;border-radius:15px}.small-banner-section .banner-item img{width:100%;height:auto;display:block;transition:transform .5s ease}.small-banner-section .banner-item:hover img{transform:scale(1.05)}.small-banner-section .banner-content h2 span{color:var(--gradient-base-accent-1);font-weight:700}.small-banner-section .banner-content a:hover{opacity:.7}.small-banner-section .banner-content{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:2;padding:35px}.small-banner-section .banner-content p{margin:0 0 15px;display:inline-block;background:#f05454;font-size:13px;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:2px 20px 2px 14px;border-radius:50px 0 0 50px;clip-path:polygon(100% 0,90% 50%,100% 100%,0 100%,0 0)}.small-banner-section .banner-content h2{margin:0;font-size:clamp(20px,2vw,26px)}.small-banner-section .banner-content a{padding-bottom:2px;transition:opacity .3s;color:rgba(var(--color-foreground),1);text-decoration:underline;text-underline-offset:6px;text-transform:uppercase;margin-top:10px;display:inline-block;font-size:14px}.small-banner-section .grid{gap:20px;grid-template-columns:1fr 1fr 1fr;display:grid}@media screen and (max-width:749px){.small-banner-section .banner-content h3{font-size:2rem}}@media(max-width:1199px){.small-banner-section .banner-content{padding:25px}.small-banner-section .grid{grid-template-columns:1fr 1fr}.small-banner-section .small-banner-section .grid{gap:16px}}@media(max-width:749px){.small-banner-section .small-banner-section .grid{gap:10px}.small-banner-section .grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/small-banner.css.map */
