@mixin styled-dropdown {
  background-color: white;
  height: spacing(42);
  position: relative;
  &:after {
    content: '\f078';
    font: {
      family: FontAwesome;
      size: 12px;
    }
    pointer-events: none;
    position: absolute;
    right: 1em;
    top: 1.15em;
  }
  & select {
    &:focus {
      @include outline;
    }
    appearance: none;
    border-radius: $bb-studio-border-radius;
    min-width: 100%;
    padding: {
      top: spacing(10);
      right: spacing(30);
      bottom: spacing(10);
      left: spacing(10);
    }
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;

    &::-ms-expand {
      display: none;
    }
  }
}