.horizontal-slider { width: 317px; height: 2px; background: #2E3138; } .example-thumb { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 32px; height: 32px; /* Button/Gray/Default */ font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; /* identical to box height, or 18px */ box-sizing: border-box; /* White */ top: -15px; color: #F7F7F7; background: #373943; border-radius: 80px; } .example-thumb:hover { background: #2B5EC6; } .example-track { height: 1px; } .example-track-1 { background: #2B5EC6; } .range-container { }