div.cs-skin-border {
	background: transparent;
	max-width: 482px;
}



.cs-skin-border > span {
	border: 2px solid #000;
	border-radius:6px;
	border-color: inherit;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
	font-size:20px;
}

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f078';
	font-weight:900;
}

.cs-skin-border ul span::after {
	content: '';
	opacity: 0;
}

.cs-skin-border .cs-selected span::after {

}

.cs-skin-border.cs-active > span {
	background: rgba(0,0,0,0.1);
	border-color: #fff;
}

.cs-skin-border .cs-options {
	font-size: 18px;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s;
}
.cs-skin-border .cs-options li{border:2px solid #fff;border-top:0;}
.cs-skin-border .cs-options li:last-child{
	background: #F2994A; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #ef6918, #fa7a19);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #ef6918, #fa7a19)


	
}
.cs-skin-border.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cs-skin-border ul span {
	padding: 1em 2em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-skin-border .cs-options li:hover,
.cs-skin-border li.cs-focus  {
	opacity:.8
}
