.button{padding:.8rem 1.2rem;box-sizing:border-box;border-radius:4rem;font-size:1.4rem;font-weight:500;transition:background-color .3s ease-in-out,color .3s ease-in-out;min-width:auto}.button:before,.button:after{display:none}.button>svg{width:1.6rem;margin-right:.8rem}.button.button--primary{background-color:rgb(var(--color-button));color:var(--color-white);overflow:hidden}.button.button--primary:hover{background-color:rgb(var(--color-button-lighter));color:var(--color-white)}.button.button--primary[disabled]{background-color:rgb(var(--color-background-container));color:rgb(var(--color-foreground));transition:none}.button.button--secondary{background-color:transparent;color:rgb(var(--color-button));border:1px solid rgb(var(--color-button))}.button.button--secondary:hover{background-color:rgb(var(--color-button));color:var(--color-white);border:1px solid rgb(var(--color-button))}.link{font-size:1.4rem;font-weight:600;color:rgb(var(--color-button));transition:color .3s ease-in-out;text-decoration:underline;position:relative}.link:hover{color:rgb(var(--color-button-lighter))}.link:hover:before{width:100%}.link[disabled]{color:rgb(var(--color-foreground));transition:none;pointer-events:none;opacity:.4}.link.animated-link{text-decoration:none;z-index:1}.link.animated-link span{position:relative;overflow:hidden;display:inline-block}.link.animated-link span:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:currentColor}.link.animated-link span:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:-200%;background-color:currentColor}.link.animated-link:hover span:before,.link.animated-link:hover span:after{transition:left .5s ease-in-out}.link.animated-link:hover span:before{left:200%}.link.animated-link:hover span:after{left:0}@media only screen and (min-width:768px){.button{padding:1.2rem 1.6rem;font-size:1.6rem}.link{font-size:1.6rem;font-weight:600}}@media only screen and (min-width:1240px){.button.button--primary span{display:inline-block;transform:translate(-1.5rem);transition:transform .3s ease-in-out}.button.button--primary svg{transform:translateY(-5rem) rotate(-270deg);transition:transform .6s ease-in-out}.button.button--primary:hover svg{transform:translateY(0) rotate(0)}.button.button--primary:hover span{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/nova-buttons.css.map */