html{scroll-behavior:smooth}.alphabet-buttons-section{text-align:center;background:#000;padding:4rem 9rem}.alphabet-buttons-content{display:grid;grid-template-columns:repeat(11,1fr);gap:2rem 1rem}.alphabet-button{background-color:#f4f4f4;height:4rem;border-radius:.5rem;color:#000;font-family:var(--font-body-family);font-size:1.6rem;font-weight:700;cursor:pointer;text-align:center;transition:background-color .3s;width:100%;display:flex;justify-content:center;align-items:center;text-decoration:none}.alphabet-button:hover{background-color:#ddd}@media (min-width: 768px){.dropdown-buttons{display:none}}@media (min-width: 768px) and (max-width: 990px){.alphabet-buttons-section{padding:4rem 3rem}}@media (max-width: 768px){.alphabet-buttons-section{padding:0;transition:max-height .2s ease-out,opacity .2s ease-out;max-height:0;opacity:0;overflow:hidden}.alphabet-buttons-content{grid-template-columns:repeat(7,1fr)}.alphabet-button{max-width:4rem;max-height:4rem}.alphabet-buttons-section.is-open{max-height:50rem;opacity:1;padding:2rem}.dropdown-buttons-function svg.icon.icon-caret{width:1.3rem;height:1rem;transition:transform .3s ease-out}.dropdown-buttons-function{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer;font-family:inherit;font-size:1.3rem;color:#000;text-align:left;font-weight:700;display:flex;justify-content:space-between;width:100%;align-items:center}.dropdown-buttons{background-color:#e8c33a;padding:1.7rem 2rem;display:flex;justify-content:space-between;align-items:center}.dropdown-buttons-function .icon-caret{transform:rotate(90deg)}.dropdown-buttons-function[aria-expanded=true] .icon-caret{transform:rotate(270deg)}}@media (max-width: 380px){.alphabet-button{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/375/assets/section-alphabet-buttons.css.map */