.ska-components__with-tooltip {
	position: relative;

	&__button {
		position: absolute;
		top: 0;
		right: 0;
		padding: 2px;
		transform: translateY(-3px);
		min-height: initial;
		height: initial;
		background: transparent;
		color: color-mix(in oklab, var(--wp-components-color-foreground, #1e1e1e), white 30%) !important;

		&:hover {
			color: var(--wp-components-color-foreground, #1e1e1e) !important;
		}

		&.is-pressed {
			color: var(--wp-components-color-background, #fff) !important;
		}
	}

	&__popover {
		pointer-events: none;

		& > .components-popover__content {
			padding: 1rem;
			min-width: 20rem;
		}
	}
}