/** @format */

#header__topbar .menu > .menu-item > a,
.wpforms-submit,
.post-password-form input[type='submit'],
.button {
	--button-color-text: var(--color-roedl-hunter-green);
	--button-color-background: var(--color-roedl-green);
	--button-color-border: var(--color-roedl-green);

	gap: calc(var(--universal-gap) / 2);
	margin-right: calc(var(--universal-gap) / 2);
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
	transition: all 300ms ease;
	cursor: pointer;
	padding: var(--button-padding-tb) var(--button-padding-lr);
	font: var(--font-extended);
	font-size: var(--fs-button);
	border-radius: var(--border-radius-button);
	background-color: var(--button-color-background);
	border: 1px solid var(--button-color-border);
	color: var(--button-color-text);

	&::after {
		content: '\f1df';
		font-family: var(--ff-icon-font);
		transition: all 300ms ease;
	}

	@media (hover: hover) {
		&:hover {
			gap: calc(var(--universal-gap) / 1);
			margin-right: 0px;
		}
	}
}

.button--header {
	--button-color-text: var(--color-roedl-hunter-green) !important;
	--button-color-background: var(--color-roedl-poison-green) !important;
	--button-color-border: var(--color-roedl-poison-green) !important;
}

.post-password-form input[type='submit'] {
	display: inline-flex;
}