diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css
index 46b7ad8..0141f35 100644
--- a/blocks/carousel/carousel.css
+++ b/blocks/carousel/carousel.css
@@ -1,3 +1,7 @@
+.section.carousel-container {
+  padding: 0;
+}
+
 .carousel .carousel-slides-container {
   position: relative;
 }
@@ -29,7 +33,7 @@
   justify-content: center;
   position: relative;
   width: 100%;
-  min-height: min(40rem, calc(100svh - var(--nav-height)));
+  min-height: 1015px;
 }
 
 .carousel .carousel-slide:has(.carousel-slide-content[data-align="center"]) {
@@ -56,11 +60,44 @@
   padding: 1rem;
   margin: 1.5rem 3rem;
   color: white;
-  background-color: rgba(0 0 0 / 50%);
+  background-color: none;
   position: relative;
   width: var(--slide-content-width, auto);
 }
 
+.carousel .carousel-slide .carousel-slide-content .button {
+    display: flex;
+    max-width: 260px;
+    align-items: center;
+    max-height: 60px;
+    position: relative;
+    border: 0;
+    height: 6rem;
+    width: 100%;
+    font-family: Calibre, Helvetica, Tahoma, Arial, sans-serif;
+    cursor: pointer;
+    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;
+    font-weight: normal;
+}
+
+.carousel .carousel-slide-image::after {
+  width: 100vw;
+  height: 100vh;
+  display: block;
+  position: absolute;
+  top:0;
+  left: 0;
+  background-color: rgba(0 0 0 /30%);
+  content: " ";
+}
+
 .carousel .carousel-slide-indicators {
   display: flex;
   justify-content: center;
@@ -103,7 +140,9 @@
   right: 0.5rem;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-end;
+  gap: 20px;
+  margin-right: 5rem;
   z-index: 1;
 }
 
@@ -115,12 +154,12 @@
   width: 2rem;
   height: 2rem;
   position: relative;
-  background-color: rgba(0 0 0 / 25%);
+  background-color: transparent;
 }
 
 .carousel .carousel-navigation-buttons button:hover,
 .carousel .carousel-navigation-buttons button:focus-visible {
-  background-color: rgba(0 0 0 / 80%);
+  background-color: transparent;
 }
 
 .carousel .carousel-navigation-buttons button::after {
@@ -167,4 +206,18 @@
   .carousel .carousel-slide .carousel-slide-content[data-align="justify"] {
     --slide-content-width: auto;
   }
-}
\ No newline at end of file
+}
+
+
+.carousel-container .carousel-wrapper {
+  max-width: 100%;
+  height: calc(100vh - 64px);
+  min-height: calc(100vh - 64px);
+}
+
+@media (width >= 900px) {
+  .carousel-container .carousel-wrapper {
+    max-width: 100%;
+    min-height: 1015px;
+  }
+}
diff --git a/favicon.ico b/favicon.ico
index 96ab42c..2ef03c7 100644
Binary files a/favicon.ico and b/favicon.ico differ
diff --git a/icons/arrow-right.svg b/icons/arrow-right.svg
new file mode 100644
index 0000000..970c1c7
--- /dev/null
+++ b/icons/arrow-right.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="10px" viewBox="0 0 6 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic / Arrow-medium 2</title>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Textlink-/-SmallSize-/-Default" transform="translate(-153.000000, -10.000000)" stroke="#80BA27" stroke-width="2">
+            <g id="ic-/-Arrow-medium-2" transform="translate(153.000000, 10.000000)">
+                <g id="ic-/-Arrow-down" transform="translate(3.000000, 5.000000) rotate(-90.000000) translate(-3.000000, -5.000000) translate(-1.500000, 2.500000)">
+                    <polyline id="Path" transform="translate(4.500000, 2.500000) rotate(-270.000000) translate(-4.500000, -2.500000) " points="2.5 6.5 6.5 2.5 2.5 -1.5"></polyline>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/styles/styles.css b/styles/styles.css
index ab8af70..a9758a5 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -12,8 +12,8 @@
 
 :root {
   /* colors */
-  --link-color: #035fe6;
-  --link-hover-color: #136ff6;
+  --link-color: #80ba27;
+  --link-hover-color: #000;
   --background-color: white;
   --light-color: #eee;
   --dark-color: #ccc;
@@ -167,7 +167,7 @@ a.button:hover,
 a.button:focus,
 button:hover,
 button:focus {
-  background-color: var(--link-hover-color);
+  background-color: var(--link-color);
   cursor: pointer;
 }