/*--Button Area Start--*/
/*--Button Area Start--*/
.cmn--btn {
	border-radius: 100px;
	padding: 12px 25px 14px;
	font-weight: 600;
	font-size: 16px;
	line-height: 130%;
	display: inline-block;
	text-transform: capitalize;
	position: relative;
	@include gradient;
	overflow: hidden;
	span{
		position: relative;
		z-index: 1;
		transition: all 0.5s;
		color: var(--white);
	}
	&::before{
		position: absolute;
		content: "";
		top: 50%;
		transform: translate(-50%, -50%);
		left:50%;
		width: 0px;
		height: 0px;
		background: linear-gradient(101.84deg, #452FF4 1.08%, #b241e2c5 98.75%);
		transition: all 0.5s;
	}
	&:hover{
		&::before{
			width: 100%;
			height: 100%;
		}
	}
}
.outline__btn{
	background: transparent;
	border: 1px solid var(--base);
	padding: 11px 25px 13px;
	span{
		color: var(--base);
	}
	&:hover{
		span{
			color: var(--white);
		}
	}
}
/*--Button Area End--*/
/*--Button Area End--*/