.txt-ripple{padding: 0 1rem;border-radius: 2rem}

.sml-round-ripple{
	position:relative;
	border-radius: 50%;
	height: 3.6rem;
	width: 3.6rem;
	cursor: pointer;
	display: grid;
	place-items: center;
	overflow:hidden;
	transform:translate3d(0,0,0);
	cursor: pointer;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.ripple{
	position:relative;
	overflow:hidden;
	transform:translate3d(0,0,0);
	cursor: pointer;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.sml-round-ripple:after,
.ripple:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	border-radius: 50%;
	top:0;
	left:0;
	pointer-events:none;
	background-image:radial-gradient(circle,#00a1b3 10%,transparent 1rem);
	background-repeat:no-repeat;
	background-position:50%;
	transform:scale(10,10);
	opacity:0;
	transition:transform .6s,opacity 1s

}
.sml-round-ripple:active:after,
.ripple:active:after{
	transform:scale(0,0);
	opacity:.2;
	transition:0s
}



/* Navbar */
.ripple0{
	position:relative;
	overflow:hidden;
	transform:translate3d(0,0,0);
	cursor: pointer;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.ripple0:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	border-radius: 50%;
	top:0;
	left:0;
	pointer-events:none;
	background-image:radial-gradient(circle,#000 50%,transparent 1rem);
	background-repeat:no-repeat;
	background-position:50%;
	transform:scale(10,10);
	opacity:0;
	transition:transform .6s,opacity 1s

}.ripple0:active:after{
	transform:scale(0,0);
	opacity:.2;
	transition:0s
}
/* Navbar */