.currency-header.dropdown {
    transition: all .4s ease-in-out;
    position: relative;
}

.currency-header.dropdown:hover .dropdown__current{
    color: var(--accent-color);
}


.currency__text,
.currency-header .mdi {
    color: var(--secondary-text-color, #FFF);
    font-weight: 400;
    transition: all 0.4s ease-in-out;
}

.dropdown__wrapper:hover .currency__text,
.dropdown__wrapper:hover i {
    color: var(--accent-color);
}

@media (max-width: 1005px) {
    .currency__text, 
    .currency-header .mdi {
        color: var(--main-text-color);
    }
    .currency-header {
        margin: 8px 0;
    }
}