MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 262: / Line 262: @@
    }
-}
-.marupedia-whatsapp-support {
-  display: inline-block;
-  margin-top: 10px;
 }
-.marupedia-whatsapp-support a {
+/* Marupedia WhatsApp Support Button */
-   display: flex;
+.mp-whatsapp-btn {
+   display: inline-flex;
    align-items: center;
-   gap: 10px;
+   gap: 8px;
-   background: #25D366;
+   background-color: #25D366;
-   color: #fff !important;
+   color: #ffffff !important;
-   padding: 10px 14px;
+   padding: 8px 14px;
-   border-radius: 6px;
+   border-radius: 20px;
-   text-decoration: none;
+   font-size: 14px;
-   font-family: inherit;
+   font-weight: 600;
-   box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+  text-decoration: none !important;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
 }
-.marupedia-whatsapp-support a:hover {
+.mp-whatsapp-btn:hover {
-   transform: translateY(-1px);
+   background-color: #1ebe5d;
-  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
 }
-.marupedia-whatsapp-support .wa-icon {
+.mp-wa-icon {
-   width: 28px;
+   width: 16px;
-   height: 28px;
+   height: 16px;
-   background: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg") no-repeat center;
+   background-image: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg");
    background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
 }
-.marupedia-whatsapp-support .wa-text {
+.mp-wa-text {
-   line-height: 1.2;
+   line-height: 1;
-}
-.marupedia-whatsapp-support small {
-  font-size: 12px;
-  opacity: 0.9;
 }