diff --git a/src/components/buttons/play/play.module.css b/src/components/buttons/play/play.module.css index 612e2ca..ea64f37 100644 --- a/src/components/buttons/play/play.module.css +++ b/src/components/buttons/play/play.module.css @@ -18,6 +18,10 @@ background-color: var(--color-neutral-800); } + &:not(.disabled):active { + transform: scale(0.97); + } + &:disabled, &.disabled { cursor: not-allowed; diff --git a/src/components/buttons/unselect/unselect.module.css b/src/components/buttons/unselect/unselect.module.css index 64537a3..7115a4f 100644 --- a/src/components/buttons/unselect/unselect.module.css +++ b/src/components/buttons/unselect/unselect.module.css @@ -19,6 +19,10 @@ cursor: not-allowed; } + &:active { + transform: scale(0.97); + } + &:hover, &:focus-visible { background-color: var(--color-neutral-200);