home responsive

assets/css/components/_buttons.scss

@@ -167,6 +167,62 @@ button:disabled{
     
 }
 
+
+
+
+.btn--home{
+    background-color: var(--color-bg);
+    display: block;
+    height: calc(var(--h-block)*1);
+    border: 1px solid currentColor;
+    border-radius: var(--radius-btn);
+    font-size: var(--fs-xsmall);
+    font-weight: 500;
+    text-transform: uppercase;
+    line-height: 1;
+    overflow: hidden;
+    white-space: nowrap;
+
+    color: var(--color-accent);
+
+    transition: .3s ease-in;
+
+    @media #{$small} {
+    }
+
+    svg{
+        width: 14px;
+        height: 14px;
+        position: relative;
+        top: -1px;
+        fill: var(--color-accent);
+        transition: fill .3s ease-in;
+    }
+    a{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 1ch;
+        width: 100%;
+        height: 100%;
+        padding: 0 2ch;
+        padding-top: 4px;
+    }
+
+    &:hover{
+        border-color: var(--color-accent);
+        background-color: var(--color-accent);
+        color: var(--color-bg);
+        svg{
+            fill: var(--color-bg);
+        }
+    }
+
+   
+
+   
+}
+
 .btn--toc{
     svg{
     width: 15px;