.button-list{--swiper-navigation-size: 3.8rem}.button-list .section__content{width:100%}@media(max-width:767.98px){.button-list .section__content{width:unset}}@media(max-width:767.98px){.button-list .button-list-swiper{width:unset;white-space:nowrap}}.button-list .button-list-swiper[data-slider-reach]:after,.button-list .button-list-swiper[data-slider-reach]:before{content:"";background:linear-gradient(271.86deg,rgb(var(--color-background)) 35.56%,rgba(var(--color-background),0) 98.43%);width:7rem;position:absolute;height:100%;top:0;z-index:2;transition:opacity .1s ease-in-out;pointer-events:none}@media(max-width:767.98px){.button-list .button-list-swiper[data-slider-reach]:after,.button-list .button-list-swiper[data-slider-reach]:before{display:none}}.button-list .button-list-swiper[data-slider-reach]:after{right:-2.8rem}.button-list .button-list-swiper[data-slider-reach]:before{left:-2.8rem;transform:scaleX(-1)}.button-list .button-list-swiper[data-slider-reach=progress]:before,.button-list .button-list-swiper[data-slider-reach=progress]:after,.button-list .button-list-swiper[data-slider-reach=end]:before,.button-list .button-list-swiper[data-slider-reach=begin]:after{opacity:1}.button-list .button-list-swiper[data-slider-reach=end]:after,.button-list .button-list-swiper[data-slider-reach=begin]:before{opacity:0}.button-list__items{--f-column-gap: 1.2rem;gap:var(--f-column-gap);width:100%}.button-list__items.swiper-wrapper{column-gap:0;width:auto}@media(max-width:767.98px){.button-list__items{--f-column-gap: .8rem}}.button-item__icon{width:var(--icon-size)}.button-item--icon{--icon-size: 2rem}@media(max-width:767.98px){.button-item--image{--icon-size: 3.8rem}}.button-list__item{width:auto}.button-item--image{--icon-size: 4.8rem}.btn:not(.btn--plain,.btn--underline,.btn--link,.btn--inherit){z-index:1;overflow:hidden;max-width:100%}.button-list .button-item__inner{box-sizing:border-box;min-height:.8rem;height:auto;padding:.8rem 0rem!important;display:block}.btn--icon,.btn--icon-circle{border-radius:10rem;align-items:center}.btn--secondary:before,.btn--icon:before,.btn--outline:before,.btn--white:before{background-color:#000}.btn--primary:before,.btn--secondary:before,.btn--white:before,.btn--icon:before,.btn--outline:before{position:absolute;content:"";width:0;background-color:#fff;transition:width .4s ease,background-color .25s ease;z-index:0;border-radius:inherit}.button-item__inner.hover-wrapper:hover:before{width:calc(100% + 1px);background:#000!important}.button-item__inner.hover-wrapper:hover .btn__text,.button-item__inner.hover-wrapper:hover .button-item__text{color:#fff!important}.button-item__inner.hover-wrapper:hover .btn__text{border-color:#000;background:#000}.btn:not(.btn--plain,.btn--underline,.btn--link,.btn--inherit) .btn__text{overflow:hidden;text-overflow:ellipsis}.media-wrapper.loaded{background-color:transparent}.button-item__icon{width:2.8rem}.button-item__text{white-space:nowrap}.button-list button-list[data-slider-reach]:after{right:-2.8rem}.button-item__icon img{border-radius:999px}.button-list .button-item__inner .btn__text{border:1px solid #e5e5e5;padding:1rem;border-radius:999px;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.button-item__text{border:unset!important;padding:0!important;font-weight:600;transition:color .25s ease}.button-item--image .button-item__inner:has(.button-item__text){padding-inline-end:2rem}.button-item--image .button-item__inner{padding-inline:.8rem}.button-item__inner{box-sizing:border-box;min-height:4.8rem;height:auto;padding:.8rem 2rem}@media(min-width:768px){.button-list .swiper-controls{opacity:0;pointer-events:none;transition:opacity .2s ease}.button-list:hover .swiper-controls{opacity:1;pointer-events:auto}.button-list .section__content{position:relative;padding-bottom:2.8rem}.button-list .swiper-controls--nav-floating{position:absolute;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.button-list .swiper-button{--buttons-border-width:.1rem;--swiper-nav-mt:calc(0rem + var(--swiper-pagination-height, 0rem));text-align:center;width:3.8rem;color:#000;background-color:#fff;border:0px solid #00000033;border-radius:50px;padding:0;flex-shrink:0;position:absolute;top:auto;bottom:0;margin-top:0;transform:translateY(50%);z-index:5}.button-list .swiper-button-next,.button-list .swiper-rtl .swiper-button-prev{left:auto;right:10px}.button-list .swiper-button-next,.button-list .swiper-rtl .swiper-button-prev,.button-list .swiper-button-prev,.button-list .swiper-rtl .swiper-button-next{width:2rem!important;height:2rem!important}.button-list .swiper-button-next svg,.button-list .swiper-button-prev svg{width:16px!important;font-size:15px!important;color:#000!important;stroke-width:.04rem!important}.button-list .swiper-button-next svg,.button-list .swiper-button-prev svg path{stroke-width:.1rem!important}.button-list .swiper-button{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.button-list .section__content.swiper-show-nav-on-hover:hover .swiper-controls{opacity:1!important;transform:translate(0)}.button-list .swiper-show-nav-on-hover:has(.swiper-controls--nav-floating):hover .swiper-button{opacity:1!important;visibility:visible!important}.button-list .swiper-show-nav-on-hover:has(.swiper-controls--nav-floating):hover .swiper-button.swiper-button-disabled{opacity:.5!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-buttons-with-icon.css.map */