@import '../../../style/variables.less';

.@{prefix}-currency-wrapper{
    position: relative;

    .select-arrow {
        position: absolute;
        color: @maycur-color;
        line-height: 1;
        margin-top: -6px;
        top: 50%;
        right: 0;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

    &:hover .select-arrow {
        color: @maycur-color;
    }

    .currency-down {
        transition: transform .3s ease;
    }

    .currency-up {
        transform: rotate(-180deg);
    }
}