.brand-highlight-wrapper{display:flex}.desk-none{display:none}.mobile-none{display:block}.brand-highlight-image{width:60%;transition:width .4s ease,scale .4s ease;max-height:600px;overflow:hidden}.brand-highlight-image img{width:100%;transition:scale .4s ease,opacity .4s ease}.brand-highlight-content{width:60%;display:flex;flex-direction:column;align-items:center;transition:width .4s ease,background-color .4s ease}.brand-highlight-text p{font-weight:400;font-size:18px;text-align:center}.brand-highlight-button{background-color:var(--text-hero-clr);color:var(--white-clr);border-radius:4px;font-family:Manrope;font-size:22px;text-transform:uppercase;letter-spacing:2px;margin-top:40px;border:1px solid var(--text-hero-clr)}.brand-highlight-button a{display:block;width:100%;padding:13px 50px}.brand-highlight-button a:after{content:">";margin-left:5px}.brand-highlight-button:hover{background-color:var(--white-clr);color:var(--text-hero-clr);box-shadow:0 0 20px -4px var(--text-hero-clr);transition:background-color .4s ease-out,opacity .4s ease-out}.brand-highlight-logo{max-width:350px;margin-left:20px}.brand-highlight .brand-highlight-wrapper:hover .brand-highlight-image{width:39.5%}.brand-highlight .brand-highlight-wrapper:hover .brand-highlight-image img{scale:1.4}.brand-highlight .brand-highlight-wrapper:hover .brand-highlight-content{width:60.5%}@media screen and (min-width:769px){.brand-highlight .brand-highlight-wrapper:hover{background-color:var(--text-hero-bg)}}@media only screen and (max-width:768px){.desk-none{display:block}.mobile-none{display:none}.brand-highlight-wrapper:has(.brand-highlight-button:active){background-color:var(--text-hero-bg)}.brand-highlight-wrapper{flex-direction:column;align-items:center;gap:20px}.brand-highlight-image{width:100%}.brand-highlight-button a{padding:0}.brand-highlight-content{width:100%}.brand-highlight-logo{max-width:200px;margin-left:0}.brand-highlight-button{padding:10px 40px;font-size:16px;margin-top:30px;margin-bottom:15px}.brand-highlight .brand-highlight-wrapper:hover .brand-highlight-image{width:100%}.brand-highlight .brand-highlight-wrapper:hover .brand-highlight-image img{scale:1}.brand-highlight .brand-highlight-wrapper:hover .brand-highlight-content{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/image-with-logo-icon.css.map */