/* ── Wrapper ──────────────────────────────────────────────── */
.mw-boton-wrap {
	--mw-line-overlap: 15px;
	display: flex;
	align-items: center;
}

.mw-boton-wrap::before,
.mw-boton-wrap::after {
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background-color: #fff;
	flex-shrink: 0;
	transition: background-color 0.2s ease;
}

.mw-boton-wrap::before {
	margin-right: calc( var(--mw-line-overlap) * -1 );
	z-index: 1;
}

.mw-boton-wrap::after {
	margin-left: calc( var(--mw-line-overlap) * -1 );
	z-index: 1;
}

/* ── Botón ────────────────────────────────────────────────── */
.mw-boton {
	display: inline-block;
	padding: 12px 32px;
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-family: inherit;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.mw-boton:hover {
	background-color: #fff;
	color: #000;
}