.sticky-thingy {
	position: fixed;
	top: 30%;
	right: 0;
}

.sticky-thingy button {
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 20px !important;
	color: white;
	justify-self: left;
	width: 100%;
	/* Only the label slides out of view; the envelope stays fully visible.
	   78px = left padding (20) + icon (38) + a matching gap (20).
	   Driven by the button's own width, so a longer label cannot clip the icon
	   the way the previous fixed -205px offset did. */
	transform: translateX(calc(100% - 78px));
	transition: transform 500ms;
}

.sticky-thingy:hover button,
.sticky-thingy:focus-within button {
	transform: translateX(0);
}

.sticky-thingy-text {
	color: white;
	font-size: 24px;
	padding: 1px 20px;
	width: 100%;
	text-align: left;
	margin: 0;
	white-space: nowrap;
}