.button{cursor:pointer;color:var(--white);background-color:#333;border:1px solid #0000;border-radius:.25em;padding:.375em .75em;font-family:inherit;font-size:1em;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.button i+span:not(:empty){margin-left:.5em}.button.small{border-radius:.2em;padding:.25em .5em;font-size:.875em;line-height:1.5}.button.large{border-radius:.3em;padding:.5em 1em;font-size:1.25em;line-height:1.5}.button.danger{color:var(--white);background-color:var(--red)}.button.danger:hover{background:var(--red-dark)}.button.warning{color:var(--white);background-color:var(--orange)}.button.warning:hover{background:var(--orange-dark)}.button.success{color:var(--white);background-color:var(--green)}.button.success:hover{background:var(--green-dark)}.button.outline{color:#333;border:1px solid var(--body-color);background-color:#0000}.button.text-only{color:var(--body-color);background-color:#0000;border-color:#0000;border-radius:0}.button.text-only span{border-bottom:2px solid #0000}.button.text-only span:hover{border-color:#0000;border-bottom:2px solid var(--body-color)}