From 04abbbbf9c084a654b43c9f4c09ba75447e2fedc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Fri, 1 Jul 2022 13:39:54 +0200
Subject: [PATCH] General style changes

---
 src/components/primitives/link/link.module.scss  | 16 +++++++++-------
 .../sections/careers/hero/hero.module.scss       |  6 +++---
 .../community/socials/socials.module.scss        |  4 ++--
 .../sections/contact/form/form.module.scss       |  4 ++--
 4 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/primitives/link/link.module.scss b/src/components/primitives/link/link.module.scss
index 84ee49d..54aa232 100644
--- a/src/components/primitives/link/link.module.scss
+++ b/src/components/primitives/link/link.module.scss
@@ -35,19 +35,12 @@
     }
 
     &::before {
-      @include respond-to('mobile') {
-        width: 100%;
-        opacity: 1;
-      }
-
       position: absolute;
       top: 100%;
       left: 0;
       right: 0;
       opacity: 0;
       width: 0%;
-
-      // margin: auto;
       background-image: repeating-linear-gradient(
           0deg,
           currentcolor,
@@ -117,6 +110,15 @@
     }
   }
 
+  &--default {
+    &::before {
+      @include respond-to('mobile') {
+        width: 100%;
+        opacity: 1;
+      }
+    }
+  }
+
   &--nav {
     text-transform: none;
     line-height: 1;
diff --git a/src/components/sections/careers/hero/hero.module.scss b/src/components/sections/careers/hero/hero.module.scss
index 9107c10..ff3ed4d 100644
--- a/src/components/sections/careers/hero/hero.module.scss
+++ b/src/components/sections/careers/hero/hero.module.scss
@@ -45,7 +45,7 @@
 
     &::after {
       position: absolute;
-      bottom: tovw(-45px, 'default', -45px);
+      bottom: tovw(-40px, 'default', -40px);
       left: 0;
       z-index: 1;
       background: radial-gradient(
@@ -55,8 +55,8 @@
         rgb(3 3 3 / 1) 100%
       );
       transform: translateX(-30%) translateY(-3%);
-      width: 1000%;
-      height: tovw(575px, 'default', 200px);
+      width: 1500%;
+      height: tovw(580px, 'default', 180px);
       content: '';
     }
   }
diff --git a/src/components/sections/community/socials/socials.module.scss b/src/components/sections/community/socials/socials.module.scss
index 28cce4b..3105809 100644
--- a/src/components/sections/community/socials/socials.module.scss
+++ b/src/components/sections/community/socials/socials.module.scss
@@ -2,12 +2,12 @@
 
 .section {
   @include respond-to('mobile') {
-    margin-top: 0;
+    margin-top: tovw(26px, 'mobile');
     margin-bottom: tovw(36px, 'mobile');
   }
 
   position: relative;
-  padding: tovw(30px, 'default', 25px) 0;
+  padding: tovw(80px, 'default', 25px) 0;
   margin-bottom: tovw(100px, 'default', 80px);
 }
 
diff --git a/src/components/sections/contact/form/form.module.scss b/src/components/sections/contact/form/form.module.scss
index dec8b37..27c590c 100644
--- a/src/components/sections/contact/form/form.module.scss
+++ b/src/components/sections/contact/form/form.module.scss
@@ -5,12 +5,12 @@
     margin-top: 0;
     display: flex;
     place-content: center;
-    padding-bottom: tovw(60px, 'mobile');
+    padding-bottom: tovw(30px, 'mobile');
     margin-bottom: 0;
   }
 
   position: relative;
-  margin: tovw(105px, 'default', 55px) 0;
+  margin: tovw(65px, 'default', 55px) 0 tovw(105px, 'default', 55px) 0;
   padding: tovw(64px, 'default', 55px) 0;
 
   .container {