body {
	background-color: #dddfe2;
}

.button-89 {
	--b: 3px; /* border thickness */
	--s: 0.45em; /* size of the corner */
	--color: #373b44;

	padding: calc(0.5em + var(--s)) calc(0.9em + var(--s));
	color: var(--color);
	--_p: var(--s);
	background: conic-gradient(
			from 90deg at var(--b) var(--b),
			#0000 90deg,
			var(--color) 0
		)
		var(--_p) var(--_p) / calc(100% - var(--b) - 2 * var(--_p))
		calc(100% - var(--b) - 2 * var(--_p));
	transition: 0.3s linear, color 0s, background-color 0s;
	outline: var(--b) solid #0000;
	outline-offset: 0.6em;
	font-size: 16px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.jumbotron {
	box-shadow: 0 4px 8px 0 rgba(55, 59, 68, 0.2),
		0 6px 20px 0 rgba(114, 119, 129, 0.19); /* X-offset, Y-offset, Blur radius, Color */
	border-radius: 0;
}

.button-89:hover,
.button-89:focus-visible {
	--_p: 0px;
	outline-color: var(--color);
	outline-offset: 0.05em;
}

.button-89:active {
	background: var(--color);
	color: #fff;
}