/**
 * Dual Button Widget — Style 2: Outlined Flat
 * Clean outlined buttons with sharp corners and a line-divider OR badge.
 * Inspired by: codepen.io/sazzad/pen/DbzbQG
 *
 * @package captain-widgets-kit
 * @since   1.0.0
 */

/* ─── Wrapper ─────────────────────────────────────────────── */
.captwiki-style-2.captwiki-dual-btn {
	gap:     0;
	padding: 8px 0;
}

/* ─── Left Button ─────────────────────────────────────────── */
.captwiki-style-2 .captwiki-dual-btn-left {
	padding:          14px 30px;
	background-color: transparent;
	color:            #2d2d2d;
	font-size:        14px;
	font-weight:      600;
	border-radius:    4px 0 0 4px;
	border:           2px solid #2d2d2d;
	border-right:     none;
	letter-spacing:   0.5px;
	text-transform:   uppercase;
}

.captwiki-style-2 .captwiki-dual-btn-left:hover {
	background-color: #2d2d2d;
	color:            #ffffff;
}

/* ─── Right Button ────────────────────────────────────────── */
.captwiki-style-2 .captwiki-dual-btn-right {
	padding:          14px 30px;
	background-color: transparent;
	color:            #2d2d2d;
	font-size:        14px;
	font-weight:      600;
	border-radius:    0 4px 4px 0;
	border:           2px solid #2d2d2d;
	border-left:      none;
	letter-spacing:   0.5px;
	text-transform:   uppercase;
}

.captwiki-style-2 .captwiki-dual-btn-right:hover {
	background-color: #2d2d2d;
	color:            #ffffff;
}

/* ─── Badge — center line divider style ──────────────────── */
.captwiki-style-2 .captwiki-dual-btn-badge {
	width:        48px;
	height:       48px;
	border-radius: 4px;
	background-color: #ffffff;
	color:        #2d2d2d;
	font-size:    11px;
	font-weight:  800;
	letter-spacing: 0.5px;
	border-top:   2px solid #2d2d2d;
	border-bottom: 2px solid #2d2d2d;
	border-left:  none;
	border-right: none;
	position:     relative;
	flex-shrink:  0;
}

/* Vertical lines left and right of badge */
.captwiki-style-2 .captwiki-dual-btn-badge::before,
.captwiki-style-2 .captwiki-dual-btn-badge::after {
	content:    '';
	position:   absolute;
	top:        50%;
	transform:  translateY(-50%);
	width:      1px;
	height:     60%;
	background: #2d2d2d;
}

.captwiki-style-2 .captwiki-dual-btn-badge::before {
	left: 0;
}

.captwiki-style-2 .captwiki-dual-btn-badge::after {
	right: 0;
}
