.social-follow .section-header{margin-bottom:3rem}.social-follow .section-heading{font-size:2rem;margin:0}.social-follow .section-heading.heading-size--small{font-size:1.5rem}.social-follow .section-heading.heading-size--large{font-size:2.5rem}.social-follow-grid{display:grid;gap:2rem;grid-template-columns:1fr}.social-follow-grid.columns-mobile-2{grid-template-columns:repeat(2,1fr);gap:1rem}@media screen and (min-width: 750px){.social-follow-grid.columns-2{grid-template-columns:repeat(2,1fr)}.social-follow-grid.columns-3{grid-template-columns:repeat(3,1fr)}.social-follow-grid.columns-4{grid-template-columns:repeat(4,1fr)}}.social-follow-item{position:relative;overflow:hidden}.social-follow-link{display:block;text-decoration:none;position:relative}.social-follow-card{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:1.5rem;background-color:#f5f5f5}.social-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.social-image img{width:100%;height:100%;object-fit:cover;display:block}.social-icon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1}.social-follow-link:hover .social-icon-overlay,.social-follow-link:focus .social-icon-overlay{opacity:1}.social-follow-link:hover .social-image,.social-follow-link:focus .social-image{opacity:0}.social-icon{width:120px;height:120px;color:#fff;display:flex;align-items:center;justify-content:center}.social-icon svg{width:100%;height:100%}@media screen and (max-width: 749px){.social-icon{width:80px;height:80px}.social-follow-card{border-radius:1rem}}@media screen and (min-width: 750px) and (max-width: 989px){.social-icon{width:100px;height:100px}}.social-follow-link{transform:translateZ(0)}.social-follow-link:hover .social-follow-card{transform:scale(.98);transition:transform .2s ease}.social-follow-link:focus{outline:2px solid currentColor;outline-offset:4px}.social-follow-link:focus:not(:focus-visible){outline:none}@media screen and (min-width: 1200px){.social-follow-grid{gap:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-social-follow.css.map */