a.button{align-items:center;background:rgb(var(--tint),.85);border:1px solid rgba(var(--tint),.2);color:rgb(var(--tint-color));cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:.8rem;justify-content:center;overflow:hidden;padding:.5em 1.5em;position:relative;text-align:center;text-decoration:none;text-shadow:0 .25em .5em rgba(var(--color),.1);transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.button:not(.--flat):not(.--link):not(.--outline){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);border-radius:var(--radius);box-shadow:0 0 .6em rgba(var(--background),.5) inset;transition:all .3s}a.button:not(.--flat):not(.--link):hover{background:rgb(var(--tint),.75);border-color:rgba(var(--tint),.2);box-shadow:0 0 8px rgba(var(--background),.8) inset,0 4px 4px rgba(var(--tint),.2);color:rgb(var(--tint-color));text-shadow:0 .25em .5em rgba(var(--color),.2)}a.button:not(.--flat):not(.--link):hover:active{border-color:rgba(var(--tint),.2);box-shadow:0 4px 8px rgba(var(--color),.2) inset,0 4px 4px rgba(var(--tint),.2);transform:scale(.95)}a.button.--squared{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);border-radius:var(--radius);box-shadow:0 0 .6em rgba(var(--background),.5) inset;transition:all .3s}a.button.--inline{display:inline-flex}a.button.--flat{background:transparent;border-color:transparent;color:inherit;text-shadow:none}a.button.--flat:hover{background:rgba(var(--tint),.1);color:rgb(var(--tint))}a.button.--color{background:rgb(var(--background),.85);text-shadow:0 .25em .5em rgba(var(--tint),.1)}a.button.--color,a.button.--outline{border-color:rgba(var(--color),.2);color:rgb(var(--color))}a.button.--outline{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(var(--color),.1);border-radius:var(--radius);padding:.5em 1em;text-shadow:none}a.button.--outline:hover{background:rgba(var(--tint),.1);color:rgb(var(--tint-color))}a.button.--link{background:transparent;border-color:transparent;color:inherit;padding:.5em 0;text-shadow:none}a.button.--link:hover{background:transparent;color:rgb(var(--tint))}a.button span.icon{align-items:center;display:flex;justify-content:center}a.button span.iconify,a.button span.text{position:relative;z-index:5}a.button span.iconify{font-size:1.4em}a.button.--disabled{opacity:.5;pointer-events:none}