.brand-buttons{overflow:hidden}.brand-buttons .title-wrapper-with-link{margin-bottom:4rem;text-align:center;width:100%}.brand-buttons .title-wrapper--center{text-align:center;width:100%}.brand-buttons .title{text-align:center!important;width:100%;margin:0 auto}.brand-buttons .title-wrapper-with-link .title{text-align:center!important}.brand-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem;justify-items:center;margin-bottom:4rem;max-width:54rem;margin-left:auto;margin-right:auto}@media screen and (min-width: 990px){.brand-buttons-grid{grid-template-columns:repeat(5,1fr);gap:4rem 3rem;max-width:100rem}}@media screen and (min-width: 750px) and (max-width: 989px){.brand-buttons-grid{grid-template-columns:repeat(4,1fr);gap:3rem 2.5rem;max-width:70rem}}.brand-button-wrapper{position:relative;width:100%;max-width:16rem;display:flex;flex-direction:column;align-items:center}.brand-button{display:block;text-decoration:none;color:inherit;transition:transform .3s ease;cursor:pointer}.brand-button:hover{transform:scale(1.05)}.brand-button.no-link{cursor:default}.brand-button-circle{position:relative;width:16rem;height:16rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(var(--color-foreground),.05);border:.2rem solid rgba(var(--color-foreground),.1);transition:all .3s ease}.brand-button:hover .brand-button-circle{background-color:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.2);transform:scale(1.05)}.brand-content{position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.brand-button:hover .brand-content{transform:scale(1.05)}.brand-image{width:12rem;height:12rem;object-fit:contain;border-radius:50%;transition:all .3s ease}.brand-button:hover .brand-image{filter:brightness(1.1)}.brand-name-fallback{width:12rem;height:12rem;border-radius:50%;background-color:rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:rgb(var(--color-foreground));transition:all .3s ease}.brand-button:hover .brand-name-fallback{background-color:rgba(var(--color-foreground),.15);color:rgb(var(--color-foreground))}.brand-label{display:block;margin-top:1rem;font-size:1.4rem;font-weight:600;text-align:center;color:rgb(var(--color-foreground));transition:color .3s ease}.brand-button:hover .brand-label{color:rgba(var(--color-foreground),.8)}.brand-buttons-cta{text-align:center;margin-top:2rem}@media screen and (max-width: 749px){.brand-buttons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem 1rem;margin-bottom:3rem;max-width:42rem}.brand-button-wrapper:nth-child(1){grid-column:span 2}.brand-button-wrapper:nth-child(2){grid-column:span 2}.brand-button-wrapper:nth-child(3){grid-column:span 2}.brand-button-wrapper:nth-child(4){grid-column:2 / span 2}.brand-button-wrapper:nth-child(5){grid-column:span 2}.brand-button-circle{width:11rem;height:11rem}.brand-image,.brand-name-fallback{width:8rem;height:8rem}.brand-name-fallback{font-size:2rem}.brand-label{font-size:1.1rem;margin-top:.8rem}.brand-buttons .title-wrapper-with-link{margin-bottom:3rem}}@media screen and (max-width: 480px){.brand-buttons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem .8rem;max-width:36rem}.brand-button-wrapper:nth-child(1){grid-column:span 2}.brand-button-wrapper:nth-child(2){grid-column:span 2}.brand-button-wrapper:nth-child(3){grid-column:span 2}.brand-button-wrapper:nth-child(4){grid-column:2 / span 2}.brand-button-wrapper:nth-child(5){grid-column:span 2}.brand-button-circle{width:10rem;height:10rem}.brand-image,.brand-name-fallback{width:7rem;height:7rem}.brand-name-fallback{font-size:1.8rem}.brand-label{font-size:1rem;margin-top:.6rem}}@media screen and (max-width: 390px){.brand-buttons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem .6rem;max-width:32rem}.brand-button-wrapper:nth-child(1){grid-column:span 2}.brand-button-wrapper:nth-child(2){grid-column:span 2}.brand-button-wrapper:nth-child(3){grid-column:span 2}.brand-button-wrapper:nth-child(4){grid-column:2 / span 2}.brand-button-wrapper:nth-child(5){grid-column:span 2}.brand-button-circle{width:9rem;height:9rem}.brand-image,.brand-name-fallback{width:6.5rem;height:6.5rem}.brand-name-fallback{font-size:1.6rem}.brand-label{font-size:.9rem;margin-top:.4rem}}.brand-content,.brand-button-circle{will-change:transform}@media (prefers-reduced-motion: reduce){.brand-button:hover,.brand-button:hover .brand-content,.brand-button:hover .brand-button-circle{transform:none}}.brand-button:focus{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.brand-button:focus:not(:focus-visible){outline:none;box-shadow:none}@media (prefers-contrast: high){.brand-image,.brand-name-fallback{border:.2rem solid rgb(var(--color-foreground))}}@media print{.brand-button:hover .brand-button-circle{transform:none;background-color:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.1)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-brand-buttons.css.map */