.menu-lines {
    display: flex;
    align-items: center;
    gap: 24px
}

.gray-button {
    font-size: 16px;
    color: #000;
    background-color: #E0F449;
    font-weight: 400;
    padding: 10.5px 12px;
    border-radius: 4px;
    transition: all .2s ease;
    border: 1px solid #dadada;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.gray-button:hover {
    color: #000;
    background-color: #F7FFB8;
}

.arrows {
    display: flex;
    cursor: pointer;
    gap: 24px
}

.arrows div {
    background-color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.arrows div.date {
    background-color: transparent;
    width: auto;
    cursor: default
}

.arrows div.arrow-left,
.arrows div.arrow-right {
    transition: all .2s ease;
    background-color: #E0F449;
}

.arrows div.arrow-left svg,
.arrows div.arrow-right svg {
    transition: all .2s ease
}

.arrows div.arrow-left:hover,
.arrows div.arrow-right:hover {
    border-color: #379cd6
}

.arrows div.arrow-left:active,
.arrows div.arrow-right:active {
    border-color: #379cd6;
    background-color: #379cd6
}

.arrows div.arrow-left:active svg,
.arrows div.arrow-right:active svg {
    fill: #fff
}

.date {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.dropdown {
    position: relative;
    cursor: pointer;
    background-color: #fff;
    background-color: #E0F449;
    padding: 10.5px 12px;
    border-radius: 4px;
    border: 1px solid #dadada;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-transform: capitalize;
    transition: all .2s ease
}

.dropdown .arrow-down {
    transform: rotate(90deg);
    transition: all .2s ease;
    width: 4px;
    height: 8px
}

.dropdown:hover {
    border-color: #E0F449
}

.options {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    width: 83px;
    border-radius: 5px;
    border: 1px solid #dadada;
    z-index: 5;
    box-shadow: 0 2px 4px #0000001a
}

.option {
    padding: 5px;
    transition: all .2s ease
}

.option:hover {
    background-color: #c4c4c4
}