.select {
  position: relative;
  display: inline-flex;
}
.select::after {
  content: "▾";
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  pointer-events: none;
  color: var(--text);
}
.select__control {
  appearance: none;
  -webkit-appearance: none;
  font-family: var(--font-body);
  font-weight: var(--fw-semibold);
  font-size: 14px;
  padding: 9px 34px 9px 14px;
  border: var(--border-w) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  color: var(--text);
  cursor: pointer;
}