a.button{align-items:center;background:rgb(var(--tint),.85);border:1px solid rgba(var(--tint),.2);border-radius:var(--radius);box-shadow:0 0 rgba(var(--tint),1);color:rgb(var(--tint-color));cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:.8rem;height:3em;justify-content:center;overflow:hidden;padding:0 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):hover{background:rgb(var(--tint),.75);border-color:rgba(var(--tint),.2);box-shadow:0 0 0 5px rgba(var(--tint),.25);color:rgb(var(--tint-color));text-shadow:0 .25em .5em rgba(var(--color),.2);transform:scale(1.05)}a.button:hover:active{border-color:rgba(var(--tint),.2)}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.--outline{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(var(--color),.1);border-color:rgba(var(--color),.2);border-radius:var(--radius);color:rgb(var(--color));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{font-weight:600;position:relative;z-index:5}a.button span.iconify{font-size:1.4em}