@layer components{button{font-family:degular-display,Tahoma,Segoe UI,"Apple Color Emoji",monospace;box-shadow:2px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:.75em;padding:.08333333333333em .3333333333333em;margin-left:.6666666666667em;margin-top:.5em;margin-bottom:.5em;border:1px solid;border-radius:.25em;line-height:1.8;text-decoration:none;color:inherit}button,button.ghost{border-color:inherit}button.ghost{background-color:inherit}button.ghost>a{border:none}button.success{font-weight:700}button.fail,button.fail>a,button.success{color:#eee}button.outline{border-color:var(--accent-color)!important}}