File "_button.scss"

Full Path: /home/custbahd/tourismfraternity.com/admin/sql/_button.scss
File size: 1.38 KB
MIME-type: text/plain
Charset: utf-8

.theme_btn{
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    background: $yellow;
    padding: 5px 30px;
    &:before{
        background: #f8b100;
    }
    &:hover{
        color: #fff;
    }
}
.white_btn{
	background: #fff;
	padding: 0px 40px;
	line-height: 40px;
	font-size: 14px;
	color: $dark;
	font-family: $pop;
	font-weight: 500;
}
.button_hover{
    border-radius: 0px;
    position: relative;
    z-index: 1;
    transition: all 0.3s linear;
    overflow: hidden;
    border: 0px;
    display: inline-block;
    text-align: center;
    &:before{
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        transform: translateX(-100%);
        z-index: -1;
        background: #f8b100;
        transition: all 0.3s linear;
		opacity: 0;
    }
    &:hover{
        color: #fff;
        &:before{
            transform: translateX(0);
			opacity: 1;
        }
    }
}

.theme_btn_two{
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    background: $dark;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 29px;
}

.book_now_btn{
    width: 100%;
    display: block;
    background: #f3c300;
    color: $dark;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    padding: 5px 20px;
}