Minor style fixes

public/icons/close.svg

@@ -1,3 +1 @@
-<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99987 6.23211L14.1871 0.0449219L15.9548 1.81269L9.76764 7.99987L15.9548 14.1871L14.1871 15.9548L7.99987 9.76764L1.81269 15.9548L0.0449219 14.1871L6.23211 7.99987L0.0449225 1.81269L1.81269 0.0449219L7.99987 6.23211Z" fill="currentColor"/></svg>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99987 7.52552L14.1871 0.92334L15.9548 2.80968L9.76764 9.41185L15.9548 16.014L14.1871 17.9004L7.99987 11.2982L1.81269 17.9004L0.0449219 16.014L6.23211 9.41185L0.0449225 2.80968L1.81269 0.92334L7.99987 7.52552Z" fill="#141414"/>
-</svg>

src/components/Author/AuthorCard/AuthorCard.module.scss

@@ -473,6 +473,16 @@
 .buttonWriteAuthorPage {
   background: #f6f6f6 !important;
   border-radius: 0.8rem;
+
+  &:hover {
+    background: #e9e9ee !important;
+    border-color: #e9e9ee;
+  }
+
+  &:active {
+    background: #ccc !important;
+    border-color: #ccc;
+  }
 }
 
 .authorPage {

src/components/Nav/Modal/Modal.module.scss

@@ -27,8 +27,8 @@
     position: absolute;
     top: 2rem;
     cursor: pointer;
-    height: 18px;
+    height: 1.6rem;
-    width: 16px;
+    width: 1.6rem;
     opacity: 1;
     padding: 0;
     right: 2.4rem;

src/components/Views/Author/Author.module.scss

@@ -16,8 +16,8 @@
 .authorHeader {
   border-bottom: 2px solid #000;
   margin-bottom: 2.4rem;
+  margin-top: -3.2rem;
   padding-bottom: 4rem;
-  padding-top: 2.6rem;
 }
 
 .ratingContainer {