select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;

    position: relative;
    padding: 0.5rem;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    width: calc(100% + 0.5rem);
    border-radius: 6px;
    background-color: transparent !important;
    border: none !important;

    font-family: 'Graphik' !important;
    font-size: 17px;
    letter-spacing: -0.01rem;
}

/* #select-arrow {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: auto;
    transition: 600ms ease;
} */

.select--desktop {
    width: 100%;
    background-color: rgb(240, 240, 240) !important;
    margin: 0;
}

select:focus {
    background-color: rgb(240, 240, 240) !important;
    outline: none !important;
}

select:focus + #select-arrow{
    transform: rotate(180deg) translateX(6px);
}