@import "import";

.dropdown {
  position: relative;

  select {
    @include button(small);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    line-height: calc(line-height(button) * 1.2);
    background-image: url("../../assets/svg/chevron-down.svg?url");
    background-repeat: no-repeat;
    background-position: right spacer(3) center;
    background-size: 1rem;
    background-color: color(background);
    border: 1px solid color(text);
    color: color(black);
    padding-right: 0;

    &:active {
      background-color: color(text);
      color: color(background);
    }
  }
}