diff --git a/src/layouts/partials/detail-btn-large.html b/src/layouts/partials/detail-btn-large.html
index 817bc2b..4e5c909 100644
--- a/src/layouts/partials/detail-btn-large.html
+++ b/src/layouts/partials/detail-btn-large.html
@@ -2,21 +2,37 @@
 .detail-btn-large{
   display:inline-block;
   font-family: "pp-neue-machina", sans-serif;
+  font-size: 20px;
   background-color: #1a1a1a;
   border: .5px solid #ffffff;
   color: #fff;
   padding-top: 5px;
   text-decoration: none;
   text-transform: uppercase;
-  width: 35%;
+  width: 50%;
   height: 75px;
-  transition: 0.1s ease-in-out;
+  transition: 0.2s ease-in-out;
 }
 
 .detail-btn-large:hover{
   background-color: #8000ff;
-  box-shadow: inset 0px 0px 0px 8px #1a1a1a !important;
+  box-shadow: inset 0px 0px 0px 6px #1a1a1a !important;
 }
+
+ /* Icon Styling */
+
+.detail-btn-large .icon-enter-arrow{
+  display: inline-block;
+  position: relaitve;
+  margin-right: 10px;
+  transition: 0.2s ease-in-out;
+}
+
+.detail-btn-large:hover .icon-enter-arrow{
+  display: inline-block;
+  transform: rotate(-45deg) !important;
+}
+
 </style>
 
-<button href="#" class="detail-btn-large">details</button>
+<button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
diff --git a/src/layouts/partials/detail-btn.html b/src/layouts/partials/detail-btn.html
index 973be08..05b3225 100644
--- a/src/layouts/partials/detail-btn.html
+++ b/src/layouts/partials/detail-btn.html
@@ -17,6 +17,21 @@
   background-color: #8000ff;
   box-shadow: inset 0px 0px 0px 4px #1a1a1a !important;
 }
+
+/* Icon Styling */
+
+.detail-btn .icon-enter-arrow{
+ display: inline-block;
+ position: relaitve;
+ margin-right: 10px;
+ transition: 0.2s ease-in-out;
+}
+
+.detail-btn:hover .icon-enter-arrow{
+ display: inline-block;
+ transform: rotate(-45deg) !important;
+}
+
 </style>
 
-<button href="#" class="detail-btn">details</button>
+<button href="#" class="detail-btn"><i class="icon-enter-arrow"></i>details</button>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 9de2518..628de57 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -350,6 +350,7 @@ hr{
 }
 
 .social-icon{
-  display: inline-block;
   margin-right: 20px !important;
+  position: relative;
+  top:3px;
 }