select {
  cursor: pointer;
} 
select:disabled {
  cursor: default !important;
} 

.select-wrapper {
  position: relative;
  width: 100%;
  flex: 1;
}

.select-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  transition: transform 0.3s ease-in;
  transform-origin: center;

  @media (width <= 768px) {
    right: 12px;
  }
}

.select-icon.open {
  transform: translateY(-50%) rotate(180deg);
}