.wp-block-loginout.has-vaneve-loginout-icon,
.block-editor-block-list__block.has-vaneve-loginout-icon {
	--vaneve-fa-icon-size: 2.5rem;
	--vaneve-fa-icon-color: var(--wp--preset--color--secondary);
	--vaneve-fa-icon-background-color: var(--wp--preset--color--contrast);
}

.wp-block-loginout.has-vaneve-loginout-icon.is-icon-size-small,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-icon-size-small {
	--vaneve-fa-icon-size: 2rem;
}

.wp-block-loginout.has-vaneve-loginout-icon.is-icon-size-large,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-icon-size-large {
	--vaneve-fa-icon-size: 4rem;
}

.wp-block-loginout.has-vaneve-loginout-icon.is-icon-size-x-large,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-icon-size-x-large {
	--vaneve-fa-icon-size: 5rem;
}

.wp-block-loginout.has-vaneve-loginout-icon.is-icon-size-huge,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-icon-size-huge {
	--vaneve-fa-icon-size: 6rem;
}

.wp-block-loginout.has-vaneve-loginout-icon a,
.block-editor-block-list__block.has-vaneve-loginout-icon .wp-block-loginout a {
	align-items: center;
	background: var(--vaneve-fa-icon-background-color);
	border-radius: 999px;
	color: var(--vaneve-fa-icon-color);
	display: inline-flex;
	gap: 0.4rem;
	height: var(--vaneve-fa-icon-size);
	justify-content: center;
	line-height: 1;
	min-width: var(--vaneve-fa-icon-size);
	padding: 0;
	text-decoration: none;
	transition: transform 0.18s ease, filter 0.18s ease;
	width: var(--vaneve-fa-icon-size);
}

.wp-block-loginout.has-vaneve-loginout-icon a:hover,
.wp-block-loginout.has-vaneve-loginout-icon a:focus,
.block-editor-block-list__block.has-vaneve-loginout-icon .wp-block-loginout a:hover,
.block-editor-block-list__block.has-vaneve-loginout-icon .wp-block-loginout a:focus {
	filter: brightness(0.95);
	transform: translateY(-1px);
}

.wp-block-loginout.has-vaneve-loginout-icon .vaneve-loginout-icon,
.block-editor-block-list__block.has-vaneve-loginout-icon .wp-block-loginout a::before {
	font-size: calc(var(--vaneve-fa-icon-size) * 0.4);
	line-height: 1;
}

.wp-block-loginout.has-vaneve-loginout-icon.is-showing-text a,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-showing-text .wp-block-loginout a {
	padding-left: 0.8rem;
	padding-right: 0.9rem;
	width: auto;
}

.wp-block-loginout.has-vaneve-loginout-icon.is-style-logos-only a,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-style-logos-only .wp-block-loginout a {
	background: transparent;
	border-radius: 0;
	height: auto;
	min-width: 0;
	padding: 0;
	width: auto;
}

.wp-block-loginout.has-vaneve-loginout-icon.is-style-logos-only .vaneve-loginout-icon,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-style-logos-only .wp-block-loginout a::before {
	font-size: calc(var(--vaneve-fa-icon-size) * 0.52);
}

.wp-block-loginout.has-vaneve-loginout-icon.is-style-logos-only.is-showing-text a,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-style-logos-only.is-showing-text .wp-block-loginout a {
	padding: 0;
}

.wp-block-loginout.has-vaneve-loginout-icon.is-style-pill-shape a,
.block-editor-block-list__block.has-vaneve-loginout-icon.is-style-pill-shape .wp-block-loginout a {
	border-radius: 999px;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	width: auto;
}

.wp-block-loginout.has-vaneve-loginout-icon .vaneve-loginout-icon-text {
	font-size: 0.9rem;
	line-height: 1;
	white-space: nowrap;
}

.block-editor-block-list__block.has-vaneve-loginout-icon:not(.is-showing-text) .wp-block-loginout a {
	font-size: 0;
}

.block-editor-block-list__block.has-vaneve-loginout-icon .wp-block-loginout a::before {
	content: "\f2f5";
	display: inline-block;
	font: var(--fa-font-solid);
	text-rendering: auto;
}