button style

Author: amit.mish

app/sass/partials/_cards.scss

@@ -4,13 +4,13 @@
   justify-content: center;
   width: calc(100% - 300px);
   @media only screen and (max-width: 900px) {
-      width: 100%;
-      margin-bottom: 30px;
+    width: 100%;
+    margin-bottom: 30px;
   }
 }
 .card-container {
-  background: #FFFFFF;
-  box-shadow: 1px 6px 10px rgba(164, 164, 164, .3);
+  background: #ffffff;
+  box-shadow: 1px 6px 10px rgba(164, 164, 164, 0.3);
   padding: 15px;
   border-radius: 6px;
   position: relative;
@@ -98,7 +98,7 @@
       top: 15px;
       span {
         font-size: 14px;
-        color: #D0D0D0;
+        color: #d0d0d0;
       }
       img {
         position: absolute;
@@ -123,8 +123,8 @@
         li {
           font-size: 10px;
           line-height: 12px;
-          color: #FC7B7D;
-          border: 1px solid #FC7B7D;
+          color: #fc7b7d;
+          border: 1px solid #fc7b7d;
           padding: 3px 5px;
           margin-right: 10px;
           border-radius: 4px;
@@ -164,17 +164,18 @@
       color: $primary-color;
     }
     .view {
-      background: $primary-color;
-      color: #fff;
+      color: $primary-color;
+      border: 1px dotted $primary-color;
       padding: 7px 20px;
-      border-radius: 20px;
+      border-radius: 4px;
       text-decoration: none;
       text-transform: uppercase;
       font-size: 12px;
       line-height: 14px;
       margin-top: -9px;
       &:hover {
         background: $primary-hover-color;
+        color: #fff;
       }
     }
   }