From befca2d37c23a039f9bfe82be7f1a0bd8578275b Mon Sep 17 00:00:00 2001
From: Margarita Golubeva <margaret.golubeva@gmail.com>
Date: Mon, 3 Jun 2024 23:28:59 +0300
Subject: [PATCH] refactor: replace to catalog link with mixin

---
 .../CartPage/view/cartPageView.module.scss    | 39 +++++--------------
 1 file changed, 9 insertions(+), 30 deletions(-)

diff --git a/src/pages/CartPage/view/cartPageView.module.scss b/src/pages/CartPage/view/cartPageView.module.scss
index b8b61994..3f51d986 100644
--- a/src/pages/CartPage/view/cartPageView.module.scss
+++ b/src/pages/CartPage/view/cartPageView.module.scss
@@ -160,40 +160,19 @@
   color: var(--noble-gray-200);
 }
 
+$padding: var(--tiny-offset) 0;
+$color: var(--steam-green-800);
+
 .continue {
-  position: relative;
+  @include link($padding, $color);
+
   align-self: center;
-  padding: var(--tiny-offset) 0;
-  font: var(--regular-font);
-  color: var(--steam-green-800);
-  transition: color 0.2s;
-  cursor: pointer;
+  width: max-content;
+  height: max-content;
+  text-transform: none;
 
   &::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    bottom: 0.3rem;
-    width: 100%;
-    height: var(--two);
-    background-color: currentcolor;
-    opacity: 0;
-    transform: scaleX(0);
-    transform-origin: center;
-    transition:
-      transform 0.2s,
-      opacity 0.2s;
-  }
-
-  @media (hover: hover) {
-    &:hover {
-      color: var(--steam-green-800);
-
-      &::after {
-        opacity: 1;
-        transform: scaleX(1);
-      }
-    }
+    bottom: var(--five);
   }
 }