/**
 * Dual Button Widget — Style 1: Classic Pill
 * Two solid rounded pill buttons joined at center with a floating badge.
 *
 * @package captain-widgets-kit
 * @since   1.0.0
 */

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

/* ─── Left Button ─────────────────────────────────────────── */
.captwiki-style-1 .captwiki-dual-btn-left {
	padding:                    14px 32px 14px 26px;
	background-color:           #7b2ff7;
	color:                      #ffffff;
	font-size:                  15px;
	font-weight:                600;
	border-radius:              50px 0 0 50px;
	border:                     2px solid #7b2ff7;
	border-right:               none;
	letter-spacing:             0.3px;
}

.captwiki-style-1 .captwiki-dual-btn-left:hover {
	background-color:           #6520e0;
	border-color:               #6520e0;
	transform:                  translateX(-3px);
	box-shadow:                 -6px 0 20px rgba(123, 47, 247, 0.35);
	color:                      #ffffff;
}

/* ─── Right Button ────────────────────────────────────────── */
.captwiki-style-1 .captwiki-dual-btn-right {
	padding:                    14px 26px 14px 32px;
	background-color:           #f7622f;
	color:                      #ffffff;
	font-size:                  15px;
	font-weight:                600;
	border-radius:              0 50px 50px 0;
	border:                     2px solid #f7622f;
	border-left:                none;
	letter-spacing:             0.3px;
}

.captwiki-style-1 .captwiki-dual-btn-right:hover {
	background-color:           #e04e1a;
	border-color:               #e04e1a;
	transform:                  translateX(3px);
	box-shadow:                 6px 0 20px rgba(247, 98, 47, 0.35);
	color:                      #ffffff;
}

/* ─── Badge ──────────────────────────────────────────────── */
.captwiki-style-1 .captwiki-dual-btn-badge {
	width:            40px;
	height:           40px;
	border-radius:    50%;
	background-color: #ffffff;
	color:            #333333;
	font-size:        11px;
	font-weight:      800;
	letter-spacing:   0.5px;
	border:           2px solid #e8e8e8;
	box-shadow:       0 2px 10px rgba(0, 0, 0, 0.12);
	z-index:          2;
	flex-shrink:      0;
}
