$font-size: 14px;

select {
    // A reset of styles, including removing the default dropdown arrow
    appearance: none;
    // Additional resets for further consistency
    border: none;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
    color: #333;
    border-radius: .3rem;
    padding: .15rem .5rem;
    font-weight: 600;
    margin: .2rem .5rem;
    font-size: $font-size;
  
    &::-ms-expand {
      display: none;
    }

    &:focus {
        outline: 2px solid $blue;
    }
}

.select {
    display: grid;
    grid-template-areas: "select";
    align-items: center;
}
  