/* -------------------------------------------------------------------------- */
/*                  WordPress admin toolbar specific styles.                  */
/* -------------------------------------------------------------------------- */
#nfd-wba-toolbar-button button {
	padding: 0 15px 0 12px;

	&.nfd-wba-bg-dark {
		--nfd-wba-color-brand: var(--nfd-wba-color-dark);
	}

	&:focus,
	&.is-pressed {
		&:before {
			height: unset;
			inset: 0;
			animation: none;
		}
	}

	&:focus {
		&:before {
			box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--nfd-wba-color-brand);
			outline: none;
		}
	}

	&.is-pressed:focus:before {
		box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
	}
}