.btn-style-1 {
	cursor: pointer;
	display: inline-block;
	outline: none;
	overflow: hidden;
	width: 160px;
	height: 59px;
	text-align: center;
	line-height: 59px;
	position: relative;
	background-color: #2662FA;
	border-radius: 8px;
	transition: all linear 0.5s;
    a{
        display: flex;
        color: #fff;
        gap: 4PX;
		justify-content: center;
		font-family: 'Work Sans', sans-serif;
		font-size: 16px;
		font-weight: 500;
        span{
            svg{
                transition: all linear 0.5s;
				width: 24px;
            }
        }
    }
	&:hover {
	background-color:  #042F9C;
		color: #fff;
		&:before {
			left: 120%;
			opacity: .25;
			transition: all 1.3s cubic-bezier(.19,1,.22,1);
		}

        a{
            span{
                svg{
                    transform: translateX(10px);
					
                }
            }
        }
	}
	&:before {
		background-color: #fff;
		content: "";
		height: 150px;
		left: -75px;
		opacity: 0;
		position: absolute;
		top: -35px;
		transform: rotate(35deg);
		transition: all 1.6s cubic-bezier(.19,1,.22,1);
		width: 40px;
	}
}









.btn-style-2 {
	cursor: pointer;
	display: inline-block;
	outline: none;
	overflow: hidden;
	width: 160px;
	height: 59px;
	text-align: center;
	line-height: 59px;
	position: relative;
	background-color: #DAED1A;
	border-radius: 8px;
	transition: all linear 0.5s;
    a{
        display: flex;
        color:#04091E;
        gap: 4PX;
		justify-content: center;
		font-family: 'Work Sans', sans-serif;
		font-size: 16px;
		font-weight: 500;
        span{
            svg{
                transition: all linear 0.5s;
				width: 24px;
			
            }
        }
    }
	&:hover {
	background-color:  #AEBE0F;
		color: #fff;
		&:before {
			left: 120%;
			opacity: .5;
			transition: all 1.3s cubic-bezier(.19,1,.22,1);
		}

        a{
            span{
                svg{
                    transform: translateX(10px);
					
                }
            }
        }
	}
	&:before {
		background-color: #fff;
		content: "";
		height: 150px;
		left: -75px;
		opacity: 0;
		position: absolute;
		top: -35px;
		transform: rotate(35deg);
		transition: all 1.6s cubic-bezier(.19,1,.22,1);
		width: 40px;
	}
}



.btn-style-3 {
	cursor: pointer;
	display: inline-block;
	outline: none;
	overflow: hidden;
	width: 160px;
	height: 59px;
	text-align: center;
	line-height: 59px;
	position: relative;
	background-color: #FDCC04;
	border-radius: 8px;
	transition: all linear 0.5s;
    a{
        display: flex;
        color:#000;
        gap: 4PX;
		justify-content: center;
		font-family: 'Work Sans', sans-serif;
		font-size: 16px;
		font-weight: 500;
        span{
            svg{
                transition: all linear 0.5s;
				width: 24px;
			
            }
        }
    }
	&:hover {
	background-color:  #E3B602;
		color: #000;
		&:before {
			left: 120%;
			opacity: .5;
			transition: all 1.3s cubic-bezier(.19,1,.22,1);
		}

        a{
            span{
                svg{
                    transform: translateX(10px);
					
                }
            }
        }
	}
	&:before {
		background-color: #fff;
		content: "";
		height: 150px;
		left: -75px;
		opacity: 0;
		position: absolute;
		top: -35px;
		transform: rotate(35deg);
		transition: all 1.6s cubic-bezier(.19,1,.22,1);
		width: 40px;
	}
}






.btn-style-4{
	cursor: pointer;
	display: inline-block;
	outline: none;
	overflow: hidden;
	width: 160px;
	height: 59px;
	text-align: center;
	line-height: 59px;
	position: relative;
	background-color: #FF3F00;
	border-radius: 8px;
	transition: all linear 0.5s;
    a{
        display: flex;
        color:#fff;
        gap: 4PX;
		justify-content: center;
		font-family: 'Work Sans', sans-serif;
		font-size: 16px;
		font-weight: 500;
        span{
            svg{
                transition: all linear 0.5s;
				width: 24px;
			
            }
        }
    }
	&:hover {
	background-color:  #E33800;
		color: #fff;
		&:before {
			left: 120%;
			opacity: .5;
			transition: all 1.3s cubic-bezier(.19,1,.22,1);
		}

        a{
            span{
                svg{
                    transform: translateX(10px);
					
                }
            }
        }
	}
	&:before {
		background-color: #fff;
		content: "";
		height: 150px;
		left: -75px;
		opacity: 0;
		position: absolute;
		top: -35px;
		transform: rotate(35deg);
		transition: all 1.6s cubic-bezier(.19,1,.22,1);
		width: 40px;
	}
}

