From 06613ffa4dbd94182b92c85bc992cec07f845a2d Mon Sep 17 00:00:00 2001
From: Amy <minds10@hotmail.com>
Date: Thu, 2 Sep 2021 01:05:53 -0400
Subject: [PATCH] Add focus ring around Button component

---
 components/Button.module.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/Button.module.css b/components/Button.module.css
index 93ebcab1..db11799d 100644
--- a/components/Button.module.css
+++ b/components/Button.module.css
@@ -17,6 +17,16 @@
   cursor: pointer;
 }
 
+.button:focus,
+.link:focus {
+  box-shadow: 0 0 0 calc(4rem / 16) var(--secondary-accent);
+}
+
+.small.button:focus,
+.small.link:focus {
+  box-shadow: 0 0 0 calc(3rem / 16) var(--secondary-accent);
+}
+
 .link {
   text-decoration: none;
 }