From 5861f157cfe795e604169575beb50e5f0a4abce3 Mon Sep 17 00:00:00 2001
From: andres alcocer <devandres.tech@gmail.com>
Date: Fri, 16 Dec 2022 11:31:22 -0500
Subject: [PATCH] implemented icon round button styling

---
 src/components/Button/button.scss | 27 +++++++++++++++++++++++++++
 src/components/Footer.tsx         |  5 +----
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/components/Button/button.scss b/src/components/Button/button.scss
index 14e1cae..3e1c557 100644
--- a/src/components/Button/button.scss
+++ b/src/components/Button/button.scss
@@ -119,5 +119,32 @@
       height: 100%;
       width: 100%;
     }
+
+    &:not(.with-label):hover {
+      background-color: #2a2a2a;
+      border-color: #fff;
+      border-width: 2px;
+    }
+
+    &:not(.with-label):focus {
+      background-color: #2a2a2a;
+      border: 2px solid white;
+      color: white;
+    }
+
+    &:not(:disabled):focus::before {
+      box-sizing: content-box;
+      content: '';
+      display: block;
+      height: 100%;
+      width: 100%;
+      border: 2px solid white;
+      border-radius: 8px;
+      padding: 2px;
+      position: absolute;
+      left: -4px;
+      top: -4px;
+      border-radius: 50%;
+    }
   }
 }
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 5f1817b..c0d1984 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,6 +1,4 @@
 import React from 'react'
-import Button, { ButtonType } from './Button/Button'
-import AddLogo from '../static/images/add.svg'
 
 const footer = () => (
   <footer className='footer'>
@@ -10,8 +8,7 @@ const footer = () => (
         className='footer__copyright--link'
         href='https://github.com/devandres-tech'
       >
-        <Button Icon={<AddLogo />} buttonType={ButtonType.IconRound} /> Dev
-        Andres
+        Dev Andres
       </a>
     </div>
   </footer>