@import '../../../../styles/global';

.select {
  position: relative;
  select {
    -webkit-appearance: none;
    @media (max-width: 800px) {
      text-align-last:center;
    }
  }
  &:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid brand-primary;
    position: absolute;
    top: 42%;
    right: 22px;
    content: "";
    z-index: 98;
  }
}

.disabled {
  .select:after{
    display none;
  }
}