<div class="parking-meter-container">
  <input type="checkbox" id="parking-meter" class="hidden" />
  <label for="parking-meter" class="meter-wrapper">
    <div class="meter-dial">
      <div class="dial-background"></div>
      <div class="time-segments">
        <div class="segment seg-1"></div>
        <div class="segment seg-2"></div>
        <div class="segment seg-3"></div>
        <div class="segment seg-4"></div>
      </div>
      <div class="dial-needle"></div>
      <div class="center-dot"></div>
    </div>
    <span class="meter-text">Parking Meter</span>
  </label>
</div>