.circular-nav{background:var(--nav-bg, #FFFFFF);padding:64px 0}.circular-nav__inner{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}.circular-nav__heading{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.01em;color:#151d65;margin:0 0 40px}.circular-nav__list{display:flex;justify-content:center;align-items:flex-start;gap:var(--nav-gap, 40px)}.circular-nav__item{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;flex:0 0 auto;width:120px;transition:transform .25s ease}.circular-nav__item:hover{transform:translateY(-4px)}.circular-nav__icon-wrap{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#f4f4f6;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #151d6514;border:1px solid rgba(21,29,101,.08);transition:box-shadow .25s ease,border-color .25s ease}.circular-nav__item:hover .circular-nav__icon-wrap{box-shadow:0 10px 24px #151d6529;border-color:#b08a34}.circular-nav__icon{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.circular-nav__icon--placeholder{background:#e4e4e9}.circular-nav__label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#151d65;letter-spacing:.01em;text-align:center;transition:color .25s ease}.circular-nav__item:hover .circular-nav__label{color:#b08a34}@media screen and (max-width:989px){.circular-nav__icon-wrap{width:84px;height:84px}.circular-nav__item{width:100px}}@media screen and (max-width:599px){.circular-nav{padding:48px 0}.circular-nav__inner{padding:0}.circular-nav__heading{font-size:22px;margin-bottom:28px;padding:0 24px}.circular-nav__list{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 24px 8px;gap:24px;scrollbar-width:none}.circular-nav__list::-webkit-scrollbar{display:none}.circular-nav__item{scroll-snap-align:start;width:84px;gap:10px}.circular-nav__icon-wrap{width:68px;height:68px}.circular-nav__label{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/circular-nav-buttons.css.map */