.ar-shades-buttons{display:flex;align-items:center;gap:1rem}.ar-shades-buttons__opener{display:block}.ar-shades-button{display:flex;align-items:center;justify-content:center;gap:.8rem;height:4.8rem;padding:1.4rem 2.4rem;border:.15rem solid #181818;border-radius:0;background:rgb(var(--color-background));color:#181818;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer}.ar-shades-button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.ar-shades-button__icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.4rem;height:2.4rem}.ar-shades-button__icon svg{display:block;width:2.4rem;height:2.4rem}.ar-shades-buttons--overlay{position:absolute;right:1.6rem;bottom:1.6rem;z-index:4;pointer-events:auto}.ar-shades-buttons--below{justify-content:center;margin:1rem 0 0}@media screen and (max-width:1199px){.ar-shades-buttons--overlay{display:none}.ar-shades-button{width:50%}}@media screen and (min-width:1200px){.ar-shades-buttons--below{display:none}}@media screen and (max-width:374px){.ar-shades-button{padding:1.4rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/354/assets/component-ar-shades-buttons.css.map */