.bisiesto-toast {
	position: fixed;
	z-index: 100000;
	bottom: calc(var(--wp--preset--spacing--space-6) + env(safe-area-inset-bottom));
	left: 50%;
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--space-4);
	width: max-content;
	max-width: calc(100vw - 2 * var(--wp--preset--spacing--space-4));
	padding: var(--wp--preset--spacing--space-3) var(--wp--preset--spacing--space-5);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--ink);
	box-shadow: var(--wp--preset--shadow--toast);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--body-s);
	font-weight: 500;
	opacity: 0;
	transform: translate(-50%, var(--wp--preset--spacing--space-4));
	transition: opacity 0.25s, transform 0.25s;
}

.bisiesto-toast[hidden] {
	display: none;
}

.bisiesto-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.bisiesto-toast__text {
	white-space: nowrap;
}

.bisiesto-toast__text::before {
	content: "✓";
	margin-right: var(--wp--preset--spacing--space-2);
}

.bisiesto-toast__link {
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--label-m);
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
}

.bisiesto-toast__link:hover,
.bisiesto-toast__link:focus-visible {
	color: var(--wp--preset--color--white);
	outline-color: var(--wp--preset--color--white);
}

body:has(.bisiesto-buy-bar:not([hidden])) .bisiesto-toast {
	bottom: calc(var(--wp--custom--size--button-m) + var(--wp--preset--spacing--space-10) + env(safe-area-inset-bottom));
}

@media (prefers-reduced-motion: reduce) {
	.bisiesto-toast {
		transition: none;
	}
}