button white dashed added

Author: BipinKalra

examples/views/live-classes-course-page-new.hbs

@@ -182,8 +182,9 @@
         <div class="card-md mt-1">Choose your preffered Test Date</div>
         <div class="mt-5">
           <button class="button-dashed button-white">25th July</button>
-          <button class="button-solid orange button-white mr-3">31st July</button>
+          <button class="button-solid orange button-white ml-xl-3 mr-lg-2 mr-4">31st July</button>
         </div>
+        <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/victory.svg" class="victory-vector">
       </div>
       <div class="border-card p-lg-5 p-4 bg-gradient-orange mb-5 white">
         <div class="row no-gutters align-items-center justify-content-between pb-3 border-bottom">

sass/styles/components/live-classes.scss

@@ -56,4 +56,10 @@
       }
     }
   }
+
+  .victory-vector {
+    position: absolute;
+    bottom: 2rem;
+    right: 2rem;
+  }
 }

sass/styles/objects/buttons.scss

@@ -128,6 +128,16 @@
     }
   }
 
+  &.button-white {
+    border: solid 1px $white;
+    color: $white;
+
+    &:hover {
+      background: $white;
+      color: $dark-grey !important;
+    }
+  }
+
   &.disabled,
   &:disabled {
     border-color: $faded-text !important;