/* GLASS BUTTONS */
*{
	font-family: 'Ubuntu' !important;
	font-size: 16px !important;
}
.botones{
	display: flex;
	justify-content: center;
	align-items: center;
}
.boton{
	/* border-radius: 30px;
    margin-right: 10px !important;
    border: 2px solid #9255C5 !important;
    padding: 12px; */
	position: relative;
	width: var(--w);
	height:40px;
	margin:20px;
	top:5px !important;

}
.boton p{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,0.05);
	box-shadow: 0 15px 35px rgba(0,0,0,0.2);
	border-top: 1px solid #ffffffdd;
    border-bottom: 1px solid #ffffff00;
	border-radius: 30px;
	color: #fff;
	z-index:1;
	font-weight:400;
	letter-spacing:1px;
	text-decoration: none;
	overflow: hidden;
	transition: 0.5s;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}
/* .boton-over p{
	letter-spacing:3;
} */
.boton p::before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	background: linear-gradient(to left, rgba(255,255,255,0.15), transparent);
	transform: skewX(45deg) translateX(0);
	transition: 0.5s;
}

.boton:hover p{
	border-top: 1px solid #ffffffdd;
    border-bottom: 1px solid #00000099;
}

.boton:hover p::before{
	transform: skewX(45deg) translateX(200%);
}

.boton span{
	color: #000 !important;
    font-family: 'Ubuntu';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
	transition: 0.5s;
	text-shadow: 1px 1px #fff;
}

.boton::before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -5px;
	width: 30px;
	height: 10px;
	border-radius: 10px;
	transition: 0.5s;
	transition-delay: 0s;
	background: var(--color);
	box-shadow: none;
}
.boton:hover::before{
	bottom: 7;
	height: 50%;
	width: 80%;
	border-radius: 30px;
	transition-delay: 0.2s;
	box-shadow: 0 0 5px var(--color),
	0 0 10px var(--color),
	0 0 15px var(--color);
}

/* .boton::after{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -0px;
	width: 30px;
	height: 10px;
	border-radius: 10px;
	transition: 0.5s;
	transition-delay: 0s;
	background: var(--color);
}
.boton:hover::after{
	top: 0;
	height: 50%;
	width: 80%;
	border-radius: 30px;
	transition-delay: 0.2s;
} */

.boton:hover span{
	color: #fff !important;
	letter-spacing:2;
	text-shadow: 0px 0px 2px #000000 !important;
}