CSS button module applies to <button> as well as .btn

1 files changed, 4 insertions, 4 deletions

diff --git a/scss/modules/_btn.scss b/scss/modules/_btn.scss
index 6b5e543..b906262 100644
--- a/scss/modules/_btn.scss
+++ b/scss/modules/_btn.scss
@@ -1,4 +1,4 @@
-.btn {
+:is(button, .btn) {
   display: block;
   border: solid var(--border-width) var(--text-color);
   font-weight: 600;
@@ -12,7 +12,7 @@
     transform 100ms;
 }
 
-.btn:is(:hover, :focus, :focus-visible, :focus-within, :active) {
+:is(button, .btn):is(:hover, :focus, :focus-visible, :focus-within, :active) {
   box-shadow: none;
   outline: none;
   color: var(--text-highlight-color);
@@ -23,12 +23,12 @@
     transform 300ms;
 }
 
-.btn:is(:focus, :focus-visible, :focus-within) {
+:is(button, .btn):is(:focus, :focus-visible, :focus-within) {
   border-color: var(--special-text-highlight-color);
   border-style: dotted;
 }
 
-.btn:active {
+:is(button, .btn):active {
   transform: scale(1.1, 1.1);
 }