diff --git a/themes/classic/assets/css/custom.css b/themes/classic/assets/css/custom.css
index 2b5ee09..b45f115 100644
--- a/themes/classic/assets/css/custom.css
+++ b/themes/classic/assets/css/custom.css
@@ -87,6 +87,10 @@ footer#footer .block-social ul li {
   background-size: 30px;
   background-position: center;
   border-radius: 5px;
+  transition: all 250ms ease-in-out;
+}
+footer#footer .block-social ul li:hover {
+  filter: brightness(1.2);
 }
 footer#footer .block-social ul li.facebook {
   background-color: #1877f2;
@@ -96,4 +100,24 @@ footer#footer .block-social ul li.pinterest {
 }
 footer#footer .block-social ul li.instagram {
   background-color: #e1306c;
+}
+
+.product-additional-info .social-sharing ul li {
+  background-color: #d0d0d0;
+  background-size: 30px;
+  background-position: center;
+  border-radius: 5px;
+  transition: all 250ms ease-in-out;
+}
+.product-additional-info .social-sharing ul li:hover {
+  filter: brightness(1.2);
+}
+.product-additional-info .social-sharing ul li.facebook {
+  background-color: #1877f2;
+}
+.product-additional-info .social-sharing ul li.twitter {
+  background-color: #1da1f2;
+}
+.product-additional-info .social-sharing ul li.pinterest {
+  background-color: #e60023;
 }/*# sourceMappingURL=custom.css.map */
\ No newline at end of file
diff --git a/themes/classic/assets/css/custom.css.map b/themes/classic/assets/css/custom.css.map
index 5f93d21..e49aa66 100644
--- a/themes/classic/assets/css/custom.css.map
+++ b/themes/classic/assets/css/custom.css.map
@@ -1 +1 @@
-{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AACC;EADD;IAEE,gBAAA;IACA,MAAA;ECCA;AACF;;ADGC;EACC,eAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,gBAAA;EACA,2CAAA;ACAF;;ADOG;EACC,eAAA;EACA,iBAAA;ACJJ;ADMI;EAJD;IAKE,eAAA;ECHH;AACF;ADQK;EACC,SAAA;EAEA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;ACPN;ADSM;EACC,SAAA;EACA,OAAA;ACPP;ADSO;EACC,UAAA;ACPR;ADYK;EACC,gBAAA;ACVN;;ADsBI;EACC;IACC,iBAAA;ECnBJ;EDuBM;IACC,iBAAA;IACA,oBAAA;OAAA,iBAAA;ECrBP;EDwBK;IACC,kBAAA;IACA,SAAA;IACA,mBAAA;ECtBN;EDwBM;IACC,WAAA;IACA,eAAA;ECtBP;AACF;AD2BI;EACC;IACC,iBAAA;ECzBJ;ED6BM;IACC,iBAAA;EC3BP;ED8BK;IACC,UAAA;IACA,YAAA;EC5BN;AACF;ADgCI;EAGG;IACC,WAAA;EChCN;AACF;;ADyCA;EACC,mBAAA;ACtCD;;AD4CG;EACC,qBAAA;EACA,2BAAA;EACA,kBAAA;ACzCJ;AD2CI;EACC,yBAAA;ACzCL;AD2CI;EACC,yBAAA;ACzCL;AD2CI;EACC,yBAAA;ACzCL","file":"custom.css"}
\ No newline at end of file
+{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AACC;EADD;IAEE,gBAAA;IACA,MAAA;ECCA;AACF;;ADGC;EACC,eAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,gBAAA;EACA,2CAAA;ACAF;;ADOG;EACC,eAAA;EACA,iBAAA;ACJJ;ADMI;EAJD;IAKE,eAAA;ECHH;AACF;ADQK;EACC,SAAA;EAEA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;ACPN;ADSM;EACC,SAAA;EACA,OAAA;ACPP;ADSO;EACC,UAAA;ACPR;ADYK;EACC,gBAAA;ACVN;;ADsBI;EACC;IACC,iBAAA;ECnBJ;EDuBM;IACC,iBAAA;IACA,oBAAA;OAAA,iBAAA;ECrBP;EDwBK;IACC,kBAAA;IACA,SAAA;IACA,mBAAA;ECtBN;EDwBM;IACC,WAAA;IACA,eAAA;ECtBP;AACF;AD2BI;EACC;IACC,iBAAA;ECzBJ;ED6BM;IACC,iBAAA;EC3BP;ED8BK;IACC,UAAA;IACA,YAAA;EC5BN;AACF;ADgCI;EAGG;IACC,WAAA;EChCN;AACF;;ADyCA;EACC,mBAAA;ACtCD;;AD4CG;EACC,qBAAA;EACA,2BAAA;EACA,kBAAA;EACA,iCAAA;ACzCJ;AD2CI;EACC,uBAAA;ACzCL;AD4CI;EACC,yBAAA;AC1CL;AD4CI;EACC,yBAAA;AC1CL;AD4CI;EACC,yBAAA;AC1CL;;ADoDG;EACC,yBAAA;EACA,qBAAA;EACA,2BAAA;EACA,kBAAA;EACA,iCAAA;ACjDJ;ADmDI;EACC,uBAAA;ACjDL;ADoDI;EACC,yBAAA;AClDL;ADoDI;EACC,yBAAA;AClDL;ADoDI;EACC,yBAAA;AClDL","file":"custom.css"}
\ No newline at end of file
diff --git a/themes/classic/assets/css/custom.scss b/themes/classic/assets/css/custom.scss
index 4ad3b8a..9e688ab 100644
--- a/themes/classic/assets/css/custom.scss
+++ b/themes/classic/assets/css/custom.scss
@@ -128,6 +128,11 @@ footer#footer {
 				background-size: 30px;
 				background-position: center;
 				border-radius: 5px;
+				transition: all 250ms ease-in-out;
+
+				&:hover {
+					filter: brightness(1.2);
+				}
 
 				&.facebook {
 					background-color: #1877f2;
@@ -142,3 +147,31 @@ footer#footer {
 		}
 	}
 }
+
+.product-additional-info {
+	.social-sharing {
+		ul {
+			li {
+				background-color: #d0d0d0;
+				background-size: 30px;
+				background-position: center;
+				border-radius: 5px;
+				transition: all 250ms ease-in-out;
+
+				&:hover {
+					filter: brightness(1.2);
+				}
+
+				&.facebook {
+					background-color: #1877f2;
+				}
+				&.twitter {
+					background-color: #1da1f2;
+				}
+				&.pinterest {
+					background-color: #e60023;
+				}
+			}
+		}
+	}
+}
diff --git a/themes/classic/modules/ps_sharebuttons/views/templates/hook/ps_sharebuttons.tpl b/themes/classic/modules/ps_sharebuttons/views/templates/hook/ps_sharebuttons.tpl
index dde1e5b..f25116f 100644
--- a/themes/classic/modules/ps_sharebuttons/views/templates/hook/ps_sharebuttons.tpl
+++ b/themes/classic/modules/ps_sharebuttons/views/templates/hook/ps_sharebuttons.tpl
@@ -29,7 +29,7 @@
       <span>{l s='Share' d='Shop.Theme.Actions'}</span>
       <ul>
         {foreach from=$social_share_links item='social_share_link'}
-          <li class="{$social_share_link.class} icon-gray"><a href="{$social_share_link.url}" class="text-hide" title="{$social_share_link.label}" target="_blank" rel="noopener noreferrer">{$social_share_link.label}</a></li>
+          <li class="{$social_share_link.class}"><a href="{$social_share_link.url}" class="text-hide" title="{$social_share_link.label}" target="_blank" rel="noopener noreferrer">{$social_share_link.label}</a></li>
         {/foreach}
       </ul>
     </div>