JSFiddle - React, Tailwind, and code Playground

CSS

.cp-price-cont { padding:10px 15px; }
.cp-tick-mark-label { font: 10px Arial; position: absolute; }
.cp-price-tickmarks { margin:5px 0 0; position:relative; }
.cp-price-rangelabel { display:inline-block; font:11px Arial; }
.cp-price-range-middle { padding:0 3px; }
.cp-price-field { display:inline-block; border:1px solid #000000;
	padding:0px; width:60px; min-width:55px; text-align:left;  }
.cp-price-field-currency { font:17px/18px Arial; color:#000000;  }
.cp-price-field-input { font:13px Arial; color:black; border:none; 
	 max-width:55px; height:18px; outline:inherit;  }
.cp-price-field-input::-webkit-inner-spin-button,
.cp-price-field-input::-webkit-outer-spin-button {
	-webkit-appearance: none ; margin: 1px; }
.cp-price-button-apply, .cp-trackbar-button-apply {
	background:none; border:none; color:#0095FF;
	cursor:pointer; font:200 15px 'Helvetica Neue',Helvetica,Arial;
	transition:opacity 300ms, color 300ms; opacity:0; float:left;
	margin:0; padding:0; }
.cp-trackbar-button-apply { float:right; margin:0 20px 0 5px; }
.cp-price-button-apply[disabled], .cp-trackbar-button-apply[disabled] {
	color:#AAAAAA; }
.cp-price-clear, .cp-trackbar-selection-clear  {
	background:none; border:none; color:red !important;
	cursor:pointer; font:200 15px 'Helvetica Neue',Helvetica,Arial;
	float:right; margin:0 15px 0 0; text-decoration:none; }
.cp-trackbar-selection-clear { margin:0; }