1 files changed, 103 insertions, 0 deletions
diff --git a/src/main/resources/static/scss/_btn.scss b/src/main/resources/static/scss/_btn.scss
new file mode 100644
index 0000000..0c28672
--- /dev/null
+++ b/src/main/resources/static/scss/_btn.scss
@@ -0,0 +1,103 @@
+.boxed-btn {
+	background: #fff;
+	color: $theme-color4;
+	display: inline-block;
+	padding: 18px 44px;
+	font-family: $font2;
+	font-size: 14px;
+    font-weight: 400;
+    border: 0;
+    border: 1px solid $theme-color4;
+    letter-spacing: 3px;
+    // width: 180px;
+    text-align: center;
+    color: $theme-color4 !important;
+    text-transform: uppercase;
+    cursor: pointer;
+    &:hover{
+        background: $theme-color4;
+        color: #fff !important;
+        border: 1px solid $theme-color4;
+    }
+    &:focus{
+        outline: none;
+    }
+    &.large-width{
+        width: 220px;
+    }
+}
+.boxed-btn3 {
+    background: $btn_bg;
+    font-size: 16px;
+    font-weight: 400;
+    border: 1px solid transparent ;
+    color: #fff;
+    padding: 19px 43px 23px 43px;
+    font-family: $font2;
+    display: inline-block;
+    line-height: 1;
+    &:hover{
+        background: transparent;
+        color: $btn_bg;
+        border: 1px solid $btn_bg;
+    }
+    &:focus{
+        outline: none;
+    }
+}
+.boxed-btn2 {
+	background: transparent;
+	color: #fff;
+	display: inline-block;
+	padding: 18px 24px;
+	font-family: $font2;
+	font-size: 14px;
+    font-weight: 400;
+    border: 0;
+    border: 1px solid #fff;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    &:hover{
+        background: #fff;
+        color: #131313 !important;
+    }
+    &:focus{
+        outline: none;
+    }
+}
+.line-button{
+    color: #919191;
+    font-size: 16px;
+    font-weight: 400;
+    display: inline-block;
+    position: relative;
+    padding-right: 5px;
+    padding-bottom: 2px;
+    &::before{
+        position: absolute;
+        content: "";
+        background: #919191;
+        width: 100%;
+        height: 1px;
+        bottom: 0;
+        left: 0;
+    }
+    &:hover{
+        color: #009DFF;
+    }
+    &:hover::before{
+        background: #009DFF;
+    }
+}
+.book_now{
+    display: inline-block;
+    font-size: 14px;
+    color: #009DFF;
+    border: 1px solid #009DFF;
+    text-transform: capitalize;
+    padding: 10px 25px;
+    &:hover{
+        background: #009DFF;
+        color: #fff;
+    }
+}
+\ No newline at end of file