.scroll-button-section{position:relative}.scroll-button-container,.scroll-button-wrapper{display:flex;justify-content:center;align-items:center}.scroll-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 2.4rem;border:none;border-radius:4px;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(1.4rem * var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * .02rem);line-height:calc(1 + .3 / var(--font-body-scale));text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:12rem}.scroll-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.scroll-button:active{transform:translateY(0)}.scroll-button--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:var(--buttons-border-thickness) solid rgba(var(--color-button),var(--buttons-border-opacity) / 100);border-radius:var(--buttons-radius);box-shadow:var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur) rgba(var(--color-shadow),var(--buttons-shadow-opacity) / 100)}.scroll-button--primary:hover{background-color:rgba(var(--color-button),.9);box-shadow:var(--buttons-shadow-horizontal-offset) calc(var(--buttons-shadow-vertical-offset) + 2px) calc(var(--buttons-shadow-blur) + 2px) rgba(var(--color-shadow),var(--buttons-shadow-opacity) / 100)}.scroll-button--secondary{background-color:rgba(var(--color-button),.1);color:rgb(var(--color-button));border:var(--buttons-border-thickness) solid rgba(var(--color-button),var(--buttons-border-opacity) / 100);border-radius:var(--buttons-radius);box-shadow:var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur) rgba(var(--color-shadow),var(--buttons-shadow-opacity) / 100)}.scroll-button--secondary:hover{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:var(--buttons-shadow-horizontal-offset) calc(var(--buttons-shadow-vertical-offset) + 2px) calc(var(--buttons-shadow-blur) + 2px) rgba(var(--color-shadow),var(--buttons-shadow-opacity) / 100)}.scroll-button--outline{background-color:transparent;color:rgb(var(--color-foreground));border:var(--buttons-border-thickness) solid rgba(var(--color-foreground),var(--buttons-border-opacity) / 100);border-radius:var(--buttons-radius);box-shadow:var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur) rgba(var(--color-shadow),var(--buttons-shadow-opacity) / 100)}.scroll-button--outline:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:var(--buttons-shadow-horizontal-offset) calc(var(--buttons-shadow-vertical-offset) + 2px) calc(var(--buttons-shadow-blur) + 2px) rgba(var(--color-shadow),var(--buttons-shadow-opacity) / 100)}.scroll-button--minimal{background-color:transparent;color:rgb(var(--color-foreground));border:none;border-radius:var(--buttons-radius);padding:.8rem 1.6rem;box-shadow:none}.scroll-button--minimal:hover{background-color:rgba(var(--color-foreground),.1);box-shadow:var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur) rgba(var(--color-shadow),var(--buttons-shadow-opacity) / 100)}.scroll-button--custom{transition:all .3s ease}.scroll-button--custom:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.scroll-button--custom:active{transform:translateY(0)}.scroll-button-wrapper[data-alignment=left]{justify-content:flex-start}.scroll-button-wrapper[data-alignment=center]{justify-content:center}.scroll-button-wrapper[data-alignment=right]{justify-content:flex-end}.scroll-button__icon{display:flex;align-items:center;font-size:1.6rem}.scroll-button__icon svg{width:1.6rem;height:1.6rem;fill:currentColor}.scroll-button__text{font-weight:500;letter-spacing:.02em}.scroll-button__arrow{font-size:1.2rem;font-weight:700;transition:transform .3s ease}.scroll-button:hover .scroll-button__arrow{transform:scale(1.2)}@media screen and (max-width: 749px){.scroll-button{padding:1rem 2rem;font-size:1.3rem;min-width:10rem}.scroll-button__icon{font-size:1.4rem}.scroll-button__icon svg{width:1.4rem;height:1.4rem}}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.scroll-button--animated:hover .scroll-button__arrow{animation:scrollBounce 1s ease-in-out}.scroll-button--floating{position:fixed;bottom:2rem;right:2rem;z-index:1000;border-radius:50%;width:5rem;height:5rem;min-width:auto;padding:0;box-shadow:0 4px 12px #00000026}.scroll-button--floating .scroll-button__text{display:none}.scroll-button--floating .scroll-button__icon,.scroll-button--floating .scroll-button__arrow{font-size:2rem}@media screen and (max-width: 749px){.scroll-button--floating{bottom:1rem;right:1rem;width:4rem;height:4rem}.scroll-button--floating .scroll-button__icon,.scroll-button--floating .scroll-button__arrow{font-size:1.6rem}}.scroll-button:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.scroll-button:focus:not(:focus-visible){outline:none}@media (prefers-color-scheme: dark){.scroll-button--outline{border-color:rgba(var(--color-foreground),.8)}.scroll-button--minimal:hover{background-color:rgba(var(--color-foreground),.2)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-scroll-button.css.map */