.htb-99dbc322 {
	position: relative;
	display: inline-block;
	padding: 14px 32px;
	min-width: 160px;
	background-color: #6c2bd9;
	color: #ffffff;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	overflow: hidden;
	transition: background-color 0.3s ease, transform 0.3s ease;
	cursor: pointer;
	line-height: 1.4;
}

.htb-99dbc322:hover {
	background-color: #4c1d95;
	transform: translateY(-2px);
}

.htb-99dbc322__default,
.htb-99dbc322__hover {
	display: inline-block;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.htb-99dbc322__hover {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	opacity: 0;
	transform: translateY(-30%);
}

.htb-99dbc322:hover .htb-99dbc322__default {
	opacity: 0;
	transform: translateY(30%);
}

.htb-99dbc322:hover .htb-99dbc322__hover {
	opacity: 1;
	transform: translateY(-50%);
}