.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:15px}.brand-grid .double-border-button{position:absolute;bottom:70px;left:50%;transform:translate(-50%);font-family:Outfit;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0;text-align:center;text-transform:uppercase;text-decoration:none;padding:18px 30px;background:none;border:1px solid #fff;position:relative;cursor:pointer;color:#fff;transition:all .3s ease;z-index:3;opacity:0}.brand-grid .double-border-button:before{content:"";position:absolute;top:3px;left:-5px;right:-5px;bottom:3px;border:1px solid #fff;transform:scale(1);transform-origin:center;transition:transform .3s ease,opacity .3s ease}.brand-grid .double-border-button:hover{padding:12px 30px;color:#000!important;background:#d5e04e;opacity:1}.brand-grid .double-border-button:hover:before{transform:scaleX(1);opacity:2;top:-8px;left:-8px;right:-8px;bottom:-8px;box-shadow:#fff6 0 0 15px 10px}@media only screen and (max-width: 1340px){.brand-item .logo{top:40%}}@media only screen and (max-width : 1024px){.brand-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media only screen and (max-width : 749px){.brand-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px}}@media only screen and (max-width : 550px){.brand-grid .double-border-button{font-size:14px;padding:16px 20px}}.brand-grid1{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:15px}.brand-item{position:relative;overflow:hidden;aspect-ratio:1 / 1;background-color:#000;cursor:pointer}.brand-item .background{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;z-index:1;opacity:.5}.brand-item .logo{position:absolute;width:70%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.brand-item:hover .background{transform:scale(1.1);filter:blur(2px)}.brand-item:hover .double-border-button{opacity:1}.brand-grid1 .double-border-button{position:absolute;bottom:70px;left:25%;transform:translate(-50%);font-family:Outfit;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0;text-align:center;text-transform:uppercase;text-decoration:none;padding:18px 30px;background:none;border:1px solid #fff;position:relative;cursor:pointer;color:#fff;transition:all .3s ease;z-index:3;opacity:0}.brand-grid1 .double-border-button:before{content:"";position:absolute;top:3px;left:-5px;right:-5px;bottom:3px;border:1px solid #fff;transform:scale(1);transform-origin:center;transition:transform .3s ease,opacity .3s ease}.brand-grid1 .double-border-button:hover{padding:12px 30px;color:#000!important;background:#fff;opacity:1}.brand-grid1 .double-border-button:hover:before{transform:scaleX(1);opacity:2;top:-8px;left:-8px;right:-8px;bottom:-8px;box-shadow:#fff6 0 0 15px 10px}@media only screen and (max-width: 1440px){.brand-grid1 .double-border-button{left:20%}}@media only screen and (max-width: 1340px){.brand-item .logo{top:40%}.brand-grid1 .double-border-button{left:15%}}@media only screen and (max-width : 1024px){.brand-grid1{grid-template-columns:repeat(2,minmax(150px,1fr))}.brand-grid1.page-width{padding:0}.brand-grid1 .double-border-button{left:30%}}@media only screen and (max-width : 749px){.brand-grid1{grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */