.perks-banner{width:100%;background:var(--perks-bg, #111111);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.perks-banner__inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0 40px}.perk-item,a.perk-item--link{display:flex;align-items:center;gap:18px;padding:28px 24px;position:relative;text-decoration:none;transition:background .25s ease}a.perk-item--link:hover{background:#c8a96e0d}.perk-item+.perk-item,a.perk-item--link+.perk-item,.perk-item+a.perk-item--link,a.perk-item--link+a.perk-item--link{border-left:1px solid rgba(255,255,255,.08)}.perk-item__icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10%;transition:background .25s ease,transform .25s ease}a.perk-item--link:hover .perk-item__icon{background:#c8a96e33;transform:scale(1.08)}.perk-item__icon img{width:50px;height:50px;object-fit:contain}.perk-item__icon svg{stroke:var(--perks-icon, #c8a96e)}.perk-item__copy{display:flex;flex-direction:column;gap:4px}.perk-item__title{font-size:14px;font-weight:700;color:var(--perks-title, #ffffff);letter-spacing:.02em;line-height:1.2}.perk-item__text{font-size:12px;color:var(--perks-text, #888888);line-height:1.5}@media(max-width:900px){.perks-banner__inner{grid-template-columns:repeat(2,1fr);padding:0 20px}.perk-item:nth-child(odd),a.perk-item--link:nth-child(odd){border-left:none}.perk-item:nth-child(3),.perk-item:nth-child(4),a.perk-item--link:nth-child(3),a.perk-item--link:nth-child(4){border-top:1px solid rgba(255,255,255,.08)}}@media(max-width:500px){.perks-banner{border-top:none;border-bottom:none}.perks-banner__inner{grid-template-columns:1fr;padding:0;gap:0}.perk-item,a.perk-item--link{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:16px;padding:16px 20px;border-left:none!important;border-top:none!important;border-bottom:1px solid rgba(255,255,255,.07)}.perk-item:last-child,a.perk-item--link:last-child{border-bottom:none}.perk-item__icon{width:48px;height:48px;background:#c8a96e26;border-radius:8px}.perk-item__icon img{width:28px;height:28px;filter:brightness(0) invert(1)}.perk-item__icon svg{width:22px;height:22px;stroke:#c8a96e}.perk-item__title{font-size:13px;font-weight:600;letter-spacing:.01em}.perk-item__text{font-size:12px;color:#fff6}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/white-hippo-perks-banner.css.map */