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 = () => (