.button,button,input[type="button"]{--button-bg:var(--primary);--button-border:var(--primary);--button-color:var(--light);--button-radius:0;--button-hover:var(--light);--button-highlight:var(--dark);position:relative;font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var(--button-color);display:inline-block;padding:var(--sx) var(--s1);border:1px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);transition:all 0.3s ease-in-out}.button.active,button.active,input[type="button"].active{background:var(--button-color);border-color:var(--button-color);color:var(--button-bg)}.button i.icon svg,button i.icon svg,input[type="button"] i.icon svg{stroke-width:var(--icon-stroke)}.button > b,button > b,input[type="button"] > b{color:var(--button-highlight);font-weight:500}.button::before,button::before,input[type="button"]::before{content:'';position:absolute;right:-1px;bottom:-1px;transition:all 0.3s ease-in-out;pointer-events:none;border-radius:var(--button-radius)}.button:not(.button-circle)::before,button:not(.button-circle)::before,input[type="button"]:not(.button-circle)::before{width:0;height:2px;background-color:var(--button-hover)}.button:not(.button-circle):hover::before,button:not(.button-circle):hover::before,input[type="button"]:not(.button-circle):hover::before{width:calc(100% + 2px)}.button-secondary{--button-bg:var(--secondary);--button-border:var(--secondary);--button-color:var(--light);--button-hover:var(--light);--button-highlight:var(--dark)}.button-light{--button-bg:var(--light);--button-border:var(--light);--button-color:var(--primary);--button-hover:var(--primary);--button-highlight:var(--dark)}.button-white{--button-bg:var(--light);--button-border:var(--light);--button-color:var(--dark);--button-hover:var(--dark);--button-highlight:var(--primary)}.button-dark{--button-bg:var(--dark);--button-border:var(--dark);--button-color:var(--primary);--button-hover:var(--primary);--button-highlight:var(--light)}.button-black{--button-bg:var(--dark);--button-border:var(--dark);--button-color:var(--light);--button-hover:var(--light);--button-highlight:var(--primary)}.button-outline{background:transparent}.button-circle{--button-radius:50%;padding:var(--s0);display:flex;justify-content:center;align-items:center}.button-circle::before{top:-1px;left:-1px;border:2px solid var(--button-hover);clip-path:rect(75% 100% 100% 100%)}.button-circle:hover::before{clip-path:rect(75% 100% 100% 0%)}.button-lg{font-size:var(--font-md);font-weight:400;letter-spacing:0}.button-xl{font-size:var(--font-lg);font-weight:200;letter-spacing:0}.button-xl > b{color:var(--button-color)}.button-xl::before{height:3px}.button-xl::after{width:3px}