changes for styling buttons

Netcentric · Jun 10, 2024 · ebb45f6 · ebb45f6
1 parent 2cc7dd1
commit ebb45f6
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git 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
@@ -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;