.button {
	--font-size: 12px;
	--line-height: 15px;
	--duration: .44s;
	--move-hover: -4px;
	--shadow-spacing: 14px;
	--shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);
	--font-shadow: var(--font-size);
	--text: #000;
	--background: #fff;

	line-height: var(--line-height);
	cursor: pointer;
	outline: none;
	text-decoration: none;
	transform: translateY(var(--y)) translateZ(0);
	transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}

.button:hover {
}

.button div {
	display: flex;
	overflow: hidden;
	text-shadow: 0 var(--shadow-spacing) 0 var(--text);
	transition: text-shadow var(--duration) ease;
}

.button:hover div {
}

.button div span {
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-style: normal;
	transform: translateY(var(--m)) translateZ(0);
	transition: transform var(--duration) ease, color var(--duration) ease;
}

.button:hover div span {
}

.button div span:nth-child(1) {
	transition-delay: 0.05s;
}

.button div span:nth-child(2) {
	transition-delay: 0.1s;
}

.button div span:nth-child(3) {
	transition-delay: 0.15s;
}

.button div span:nth-child(4) {
	transition-delay: 0.2s;
}

.button div span:nth-child(5) {
	transition-delay: 0.25s;
}

.button div span:nth-child(6) {
	transition-delay: 0.3s;
}

.button div span:nth-child(7) {
	transition-delay: 0.35s;
}

.button div span:nth-child(8) {
	transition-delay: 0.4s;
}

.button div span:nth-child(9) {
	transition-delay: 0.45s;
}

.button div span:nth-child(10) {
	transition-delay: 0.5s;
}

.button div span:nth-child(11) {
	transition-delay: 0.55s;
}

.button div span:nth-child(12) {
	transition-delay: 0.6s;
}

.button div span:nth-child(13) {
	transition-delay: 0.65s;
}

.button div span:nth-child(14) {
	transition-delay: 0.7s;
}

.button div span:nth-child(15) {
	transition-delay: 0.75s;
}

.button div span:nth-child(16) {
	transition-delay: 0.8s;
}

.button div span:nth-child(17) {
	transition-delay: 0.85s;
}

.button div span:nth-child(18) {
	transition-delay: 0.9s;
}

.button:not(.no-raise):hover {
	--y: var(--move-hover);
}

.button:hover div {
	/*overflow: visible;*/
}

.button:hover span {
	--m: calc(var(--font-size) * -1);
	color: var(--background);
}

.button:hover span.has-g {
}