New CSS

css/styles.css

@@ -2470,14 +2470,16 @@ fieldset:disabled a.btn {
 }
 .btn-fullwidth {
   width:100%;
-  margin-left:0;
-  margin-right:0;
   padding-left:0;
   padding-right:0;
-  margin-bottom: 10px;
+  margin-bottom: 1rem;
   display:block;
   text-align:center;
 }
+
+.btn-selected {
+  background-color: #84480C !important;
+}
 .btn-primary:hover {
   color: #fff;
   background-color: #fec810;

index.html

@@ -47,17 +47,33 @@
         <header class="masthead">
             <div class="container">
                 
-                <div class="row">
+                <div class="row" style="padding-left: 2rem;">
                     <div class="col-lg-2">
                         <h5 class="my-3">Kategori</h5>
-                        <a class="btn-sm btn-primary btn-fullwidth" href="#">Minuman</a>
+                        <a class="btn-sm btn-primary btn-fullwidth btn-selected" href="#">Minuman</a>
                         <a class="btn-sm btn-primary btn-fullwidth" href="#">Makanan Ringan</a>
                         <a class="btn-sm btn-primary btn-fullwidth" href="#">Bahan Pangan</a>
                         <a class="btn-sm btn-primary btn-fullwidth" href="#">Frozen Food</a>
                         <a class="btn-sm btn-primary btn-fullwidth" href="#">Pakaian</a>
                     </div>
                     <div class="col-lg-9">
+                        <img src="assets/img/mask-group.png" style="display: block; margin-left: auto; margin-right: auto;max-height: 17rem;" alt="Mask Group">
+                    </div>
+                </div>
+                <div class="row" style="padding-left: 2rem;">
+                    <div class="col-lg-12">
+                        <h5 class="my-3">Kategori: Minuman</h5>
+                    </div>
+                    <div class="col-lg-2">
                         
+                        <a class="btn-sm btn-primary btn-fullwidth btn-selected" href="#">Minuman</a>
+                        <a class="btn-sm btn-primary btn-fullwidth" href="#">Makanan Ringan</a>
+                        <a class="btn-sm btn-primary btn-fullwidth" href="#">Bahan Pangan</a>
+                        <a class="btn-sm btn-primary btn-fullwidth" href="#">Frozen Food</a>
+                        <a class="btn-sm btn-primary btn-fullwidth" href="#">Pakaian</a>
+                    </div>
+                    <div class="col-lg-9">
+                        <img src="assets/img/mask-group.png" style="display: block; margin-left: auto; margin-right: auto;max-height: 17rem;" alt="Mask Group">
                     </div>
                 </div>