From 66632f5027a921e8eae048c510208b839d5d13af Mon Sep 17 00:00:00 2001
From: "David E. Perez Negron R." <david@nethunters.xyz>
Date: Sun, 5 May 2024 22:58:28 -0600
Subject: [PATCH] Chrome DevTools & CSS Box Model

---
 buttons.html | 38 +++++++++++++++++++++++---------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/buttons.html b/buttons.html
index c09e7ee..58bed1b 100644
--- a/buttons.html
+++ b/buttons.html
@@ -1,14 +1,17 @@
 <style>
   .subscribe-button {
-    background-color: rgb(200, 0, 0);
+    background-color: rgb(204, 0, 0);
     color: white;
     border: none;
-    height: 36px;
-    width: 105px;
     border-radius: 2px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 16px;
+    padding-right: 16px;
     cursor: pointer;
-    margin-right: 8px;
+    margin-right: 12px;
     transition: opacity 0.15s;
+    vertical-align: top;
   }
   
   .subscribe-button:hover {
@@ -21,12 +24,15 @@
 
   .join-button {
       background-color: rgb(255, 255, 255); 
-      color: rgb(41, 118, 211);
-      border-color: rgb(41, 118, 211);
+      color: rgb(6, 95, 212);
+      border-color: rgb(6, 95, 212);
       border-style: solid;
       border-width: 1px;
-      height: 36px;
-      width: 62px;
+      padding-top: 9px;
+      padding-bottom: 9px;
+      padding-left: 16px;
+      padding-right: 16px;
+      vertical-align: top;
       border-radius: 2px;
       cursor: pointer; 
       transition: background-color 0.15s,
@@ -34,7 +40,7 @@
   }
 
   .join-button:hover {
-      background-color: rgb(41, 118, 211);
+      background-color: rgb(6, 95, 212);
       color: rgb(255, 255, 255);
   }
 
@@ -43,16 +49,18 @@
   }
 
   .tweet-button {
-      background-color: rgb(2, 158, 255);
+      background-color: rgb(29, 155, 240);
       color: white;
       border: none;
-      height: 36px;
-      width: 70px;
-      border-radius: 18px;
+      padding-top: 7px;
+      padding-bottom: 7px;
+      padding-left: 16px;
+      padding-right: 16px;
+      border-radius: 16px;
       font-weight: bold;
       font-size: 15px;
       cursor: pointer; 
-      margin-left: 8px;
+      margin-left: 12px;
       transition: box-shadow 0.15s;
   }
 
@@ -69,5 +77,5 @@
     JOIN
 </button>
 <button class="tweet-button">
-    TWEET
+    Tweet
 </button>