:root {
    --c4l-select-height: 36px;
}

.c4l-select {
    color: black;
    border-bottom: 1px solid black;
    position: relative;
    font-size: 16px;
    height: var( --c4l-select-height );
}

.c4l-select select {
    position: absolute;
    appearance: none;
    background: none;
    border: 0;
    height: var( --c4l-select-height );
    cursor: pointer;
    width: 100%;
    padding-right: 20px;
    z-index: 11;
}

.c4l-select::after {
    font-family: 'ElegantIcons';
    content: '\43'; /* Down chevron */
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 10;
}

.c4l-select select option {
    color: black;
}