.ska-toolbar {

	&__group-container {
		display: flex;
		flex-direction: column;

		& > div > .components-toolbar-button:not(#_):not(#_):not(#_), /** Weird bug wraps buttons in div sometimes. */
		& > .components-toolbar-button:not(#_):not(#_):not(#_) {
			height: 23px;
			width: 100%;
			min-width: 0 !important;
			padding: 0 2px;

			&.has-icon {

				&::before {
					inset: 0 !important;
					border-radius: 4px;
				}
			}

			& > svg {
				transform: scale(0.75);
			}

			&::before {
				width: 100%;
				height: 100%;
			}

			&:first-child {
				transform: translateY(3px);
			}

			&:last-child {
				transform: translateY(-2px);
			}
		}
	}
}

.block-editor-block-toolbar .ska-toolbar {
	padding: 0;
}

:is(.interface-interface-skeleton__header, .edit-site-layout__header) {

	.ska-toolbar {
		margin-top: -8px !important;
	}
}