From 604bfc6a7480f3b8675f8a4dbd1fcd7e37409c75 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <jcarstairs@scottlogic.com>
Date: Mon, 29 Jan 2024 12:15:50 +0000
Subject: CSS button module applies to <button> as well as .btn

---
 scss/modules/_btn.scss | 8 ++++----
 1 file 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);
 }
 
-- 
cgit v1.2.3