.gugig-button{--primary-hue: 210;--primary-saturation: 79%;--primary-lightness: 46%;--negative-hue: 353;--negative-saturation: 100%;--negative-lightness: 38%;--positive-hue: 134;--positive-saturation: 70%;--positive-lightness: 43%;--warning-hue: 44;--warning-saturation: 88%;--warning-lightness: 58%;--default-hue: 0;--default-saturation: 50%;--default-lightness: 100%;--default-opacity: 1;--gugig-button-hue: var(--default-hue);--gugig-button-saturation: var(--default-saturation);--gugig-button-lightness: var(--default-lightness);--gugig-button-opacity: var(--default-opacity);--gugig-button-clr: white;--gugig-button-bg-clr: hsla( var(--gugig-button-hue), var(--gugig-button-saturation), var(--gugig-button-lightness), var(--gugig-button-opacity) );position:relative;border:none;border-radius:4px;min-width:5em;padding:.5em 1.5em;font-size:1rem;cursor:pointer;background-color:var(--gugig-button-bg-clr);color:var(--gugig-button-clr)}.gugig-button__primary{--gugig-button-hue: var(--primary-hue);--gugig-button-saturation: var(--primary-saturation);--gugig-button-lightness: var(--primary-lightness)}.gugig-button__negative{--gugig-button-hue: var(--negative-hue);--gugig-button-saturation: var(--negative-saturation);--gugig-button-lightness: var(--negative-lightness)}.gugig-button__positive{--gugig-button-hue: var(--positive-hue);--gugig-button-saturation: var(--positive-saturation);--gugig-button-lightness: var(--positive-lightness)}.gugig-button__warning{--gugig-button-hue: var(--warning-hue);--gugig-button-saturation: var(--warning-saturation);--gugig-button-lightness: var(--warning-lightness)}.gugig-button:active{--gugig-button-bg-clr: hsla( var(--gugig-button-hue), var(--gugig-button-saturation), calc(var(--gugig-button-lightness) * .7), var(--gugig-button-opacity) );color:calc(var(--gugig-button-clr) * .7)}.gugig-button--disabled,.gugig-button--loading{color:gray;pointer-events:none}.gugig-button--loading>.gugig-button__content{opacity:0}.gugig-button__content{transition:opacity .3s ease}.gugig-button__loading{position:absolute;display:grid;place-items:center;top:0;left:0;width:100%;height:100%}