.tf-btn{display:flex;justify-content:center;align-items:center;line-height:1.625;width:max-content;font-size:16px;cursor:pointer;padding:10px 20px;border-radius:99px;background-color:var(--onsurface);color:var(--white);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:1px solid transparent}.tf-btn:hover:not(.effect-bg-btn,.effect-bg-light-btn){background-color:var(--primary)}.tf-btn .icon{font-size:20px}.btn-line{padding:0}.btn-line .text{position:relative}.btn-line .text:after{content:"";position:absolute;left:0;bottom:0;right:0;height:1px;background-color:var(--onsurface)}.btn-line-effect{font-size:16px;line-height:1.625;padding-bottom:4px;color:var(--Onsurface);position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:inline-flex;align-items:center;max-width:max-content;gap:8px}.btn-line-effect .text{position:relative;background:linear-gradient(to right,var(--primary) 50%,var(--onsurface) 50%);background-size:200% 100%;background-position:right;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .3s linear}.btn-line-effect .text:after{position:absolute;content:"";left:0;bottom:-2px;right:0;height:2px;background-color:var(--onsurface);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-line-effect .text:before{position:absolute;content:"";left:0;width:0;bottom:-2px;height:2px;background-color:var(--primary);transition:width .3s linear;z-index:1}.btn-line-effect:hover .text{background-position:left}.btn-line-effect:hover .text:before{width:100%}.effect-bg-light-btn,.effect-bg-btn{position:relative;overflow:hidden}.effect-bg-light-btn:hover:after,.effect-bg-btn:hover:after{animation:shine .75s cubic-bezier(.01,.56,1,1)}.effect-bg-btn:after{background-image:linear-gradient(90deg,transparent,rgb(0 0 0 /.25),transparent);content:"";left:150%;position:absolute;top:0;bottom:0;transform:skew(-20deg);width:200%}.effect-bg-light-btn:after{background-image:linear-gradient(120deg,#0000 20%,#fff6,#0000 70%);content:"";left:150%;position:absolute;top:0;bottom:0;transform:skew(-20deg);width:200%}@keyframes shine{to{left:-200%}}.effect-line-btn{position:relative}.effect-line-btn:after{position:absolute;content:"";width:0;height:1px;background-color:var(--onsurface);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;bottom:0;left:0}.effect-line-btn:hover:after{width:100%}@media (max-width: 767px){.tf-btn{padding:8px 16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/button.css.map */