/**
 * Before After — Style 4: Pill Labels
 *
 * Big white pill labels anchored to the bottom corners and a slim divider
 * with a compact handle — editorial portfolio look.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-ba.captwiki-style-4 .captwiki-ba__label {
	background: #ffffff;
	color: #111827;
	border-radius: 99px;
	padding: 7px 18px;
	box-shadow: 0 4px 14px rgba( 17, 24, 39, 0.22 );
}

.captwiki-ba--horizontal.captwiki-style-4 .captwiki-ba__label--before {
	top: auto;
	bottom: 16px;
	left: 16px;
}

.captwiki-ba--horizontal.captwiki-style-4 .captwiki-ba__label--after {
	top: auto;
	bottom: 16px;
	right: 16px;
}

.captwiki-ba--vertical.captwiki-style-4 .captwiki-ba__label--before {
	left: auto;
	right: 16px;
}

.captwiki-ba--vertical.captwiki-style-4 .captwiki-ba__label--after {
	left: auto;
	right: 16px;
}

.captwiki-ba.captwiki-style-4 .captwiki-ba__handle {
	width: calc( var( --captwiki-ba-handle ) * 0.82 );
	height: calc( var( --captwiki-ba-handle ) * 0.82 );
}
