diff --git a/src/back/elements/button.css b/src/back/elements/button.css index 90ea757..fbbd070 100644 --- a/src/back/elements/button.css +++ b/src/back/elements/button.css @@ -1,21 +1,26 @@ .button { padding: 8px 16px; display: inline-block; text-decoration: none; margin: 4px; cursor: pointer; &:hover { filter: brightness(1.1); } + + &[disabled] { + opacity: 0.5; + pointer-events: none; + } } .button--color-accent1 { background-color: var(--color-brand-accent); color: var(--color-brand-text-on-accent); } .button--color-accent2 { background-color: var(--color-brand-accent2); color: var(--color-brand-text-on-accent2); }