.simplesim-button-block {
	display: flex;
	width: 100%;
}

.simplesim-button-block.align-left {
	justify-content: flex-start;
}

.simplesim-button-block.align-center {
	justify-content: center;
}

.simplesim-button-block.align-right {
	justify-content: flex-end;
}

.simplesim-button-block > * {
	max-width: 100%;
}

.simplesim-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 999px;
	text-decoration: none !important;
	box-sizing: border-box;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease,
		background 0.25s ease,
		color 0.25s ease;
	color: inherit !important;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	isolation: isolate;
}

.simplesim-button__label {
	color: inherit;
	position: relative;
	z-index: 1;
}

.simplesim-button--filled {
	background: var(--simplesim-button-bg, rgba(255, 255, 255, 0.1));
	border: none;
}

.simplesim-button--outline {
	border: var(--simplesim-button-outline-width, 1px) solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.08);
}

.simplesim-button--outline.simplesim-button--has-outline-solid {
	border-color: color-mix(in srgb, var(--simplesim-button-outline) 100%, transparent);
	background: color-mix(in srgb, var(--simplesim-button-outline) 15%, transparent);
}

.simplesim-button--outline.simplesim-button--has-outline-gradient {
	border: var(--simplesim-button-outline-width, 1px) solid transparent;
	background: rgba(255, 255, 255, 0.08);
}

.simplesim-button--outline.simplesim-button--has-outline-gradient::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: var(--simplesim-button-outline-width, 1px);
	background: var(--simplesim-button-outline);
	pointer-events: none;
	z-index: 0;

	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

.simplesim-button.has-blurred-background {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.simplesim-button.has-lift-effect:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}

.simplesim-button.is-clickable {
	cursor: pointer;
}