.custom-button-2 {
	position: relative;
	padding: 24px 64px;
	border-radius: 100vw;
	background-color: transparent;
	font-family: "Playfair Display", serif;
	color: #fafafa;
	border: solid 1px rgba(250, 250, 250, 0.3);
	overflow: hidden;
	cursor: pointer;
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.custom-button-2 .custom-button-2-text {
	position: relative;
	z-index: 2;
}

.custom-button-2 .cb2-fill-container {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	padding-bottom: 100%;
	transform: translateY(-50%) rotate(180deg);
}

.custom-button-2 .cb2-fill-container::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: blue;
	border-radius: 50%;
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transform: translateY(-100%);
}

.custom-button-2:hover {
	border-color: blue;
	transform: translateY(-4px);
}

.custom-button-2:hover .cb2-fill-container {
	transform: translateY(-50%) rotate(0);
}

.custom-button-2:hover .cb2-fill-container::after {
	transform: translateY(0);
}
