/**
 * Dual Button — Style 1 (Default)
 *
 * @since 1.0.0
 */

.cw-dual-btn.style-1 .cw-dual-btn-inner {
	height:           40px;
	background-color: #ffffff;
	border:           1px solid #dddddd;
	border-radius:    20px;
	overflow:         hidden;
}

.cw-dual-btn.style-1 .cw-dual-btn-left,
.cw-dual-btn.style-1 .cw-dual-btn-right {
	padding:          0 30px;
	min-width:        150px;
	color:            #444444;
	text-transform:   uppercase;
	font-size:        12px;
	font-weight:      700;
	font-family:      Helvetica, Arial, sans-serif;
	background-color: transparent;
	transition:       background-color 0.18s ease, color 0.18s ease;
}

.cw-dual-btn.style-1 .cw-dual-btn-divider {
	background-color: #dddddd;
}

/* Hover */
.cw-dual-btn.style-1 .cw-dual-btn-left:hover,
.cw-dual-btn.style-1 .cw-dual-btn-right:hover {
	background-color: #EE4E44;
	color:            #ffffff;
}

/* Active */
.cw-dual-btn.style-1 .cw-dual-btn-left:active,
.cw-dual-btn.style-1 .cw-dual-btn-right:active {
	background-color: #444444;
	color:            #ffffff;
}

/* Badge — positioned on .cw-dual-btn (outer), not clipped by overflow:hidden */
.cw-dual-btn.style-1 .cw-dual-btn-badge {
	width:            26px;
	height:           26px;
	margin-left:      -13px; /* static half-width offset */
	background-color: #ffffff;
	border:           1px solid #dddddd;
	font-style:       italic;
	font-size:        11px;
	font-weight:      400;
	color:            #666666;
}
