From ebb45f6d8af900313d4525df0a762c979ec12861 Mon Sep 17 00:00:00 2001
From: Lakshmishri <lakshmi.shri.v.a@gmail.com>
Date: Mon, 10 Jun 2024 12:50:01 +0200
Subject: [PATCH] changes for styling buttons

---
 blocks/carousel/carousel.css |  2 --
 styles/styles.css            | 22 ++++++++++++++++++++--
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css
index af5faed..7bc78ab 100644
--- a/blocks/carousel/carousel.css
+++ b/blocks/carousel/carousel.css
@@ -79,8 +79,6 @@
     appearance: none;
     border-radius: .4rem;
     transition: all .2s ease-in-out;
-    background: #80ba27;
-    color: #fff;
     letter-spacing: -.02rem;
     box-shadow: 0 .2rem .4rem 0 rgba(0 0 0 / 5%);
     font-size: 18px;
diff --git a/styles/styles.css b/styles/styles.css
index 4e8f012..c34536f 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -167,7 +167,8 @@ a.button:hover,
 a.button:focus,
 button:hover,
 button:focus {
-  background-color: var(--link-color);
+  background-color: var(--background-color);
+  color: var(--link-color);
   cursor: pointer;
 }
 
@@ -180,7 +181,13 @@ button:disabled:hover {
 a.button.secondary,
 button.secondary {
   background-color: unset;
-  border: 2px solid currentcolor;
+  color: var(--link-color);
+  display: flex;
+  gap: 16px;
+}
+
+a.button.secondary:hover,
+button.secondar:hover {
   color: var(--text-color);
 }
 
@@ -201,6 +208,17 @@ main img {
   width: 100%;
 }
 
+/* icon-styles starts here */
+.icon-arrow-right {
+  align-self: center;
+  height: 16px;
+  width: 16px;
+}
+
+.icon-arrow-right img {
+  display: block;
+}
+/* icon-styles  ends here */
 /* sections */
 main .section {
   padding: 64px 16px;