如何从左到右更改标签元素

Question

我有flora forms form，但无法获取元素（位于CSS上的flo-select:before上）将其移到左侧。

这就是我现在拥有的：

这就是我要实现的目标：

这是HTML代码：

这是现场直播：Live Demo

.floraforms .flo-select>select::-ms-expand {
  display: none
}

.floraforms .flo-select:after,
.floraforms .flo-select:before {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 15;
}

.floraforms .flo-select:before {
  top: 2px;
  right: 2px;
  width: 34px;
  bottom: 2px;
  background: #F2F4FA;
  border-left: 1px solid #d3dae7;
  -webkit-border-radius: 0 1px 1px 0;
  -moz-border-radius: 0 1px 1px 0;
  -o-border-radius: 0 1px 1px 0;
  border-radius: 0 1px 1px 0;
}

<div class="elem-group colm colm6">
  <label class="field flo-select">
    <select id="month" name="month">
      <option value=""> Select month </option>
      <option value="01">01 - Jan</option>
      <option value="02">02 - Feb</option>
      <option value="03">03 - Mar</option>
      <option value="04">04 - Apr</option>
      <option value="05">05 - May</option>
      <option value="06">06 - Jun</option>
      <option value="07">07 - Jul</option>
      <option value="08">08 - Aug</option>
      <option value="09">09 - Sep</option>
      <option value="10">10 - Oct</option>
      <option value="11">11 - Nov</option>
      <option value="12">12 - Dec</option>
    </select>
    <i class="arrow double"></i>                             
  </label>
</div>