<style>
    .direction-arrows {
        float: right;
    }
    .direction-arrows span {
        opacity: 0.3;
    }
    .direction-arrows span.active {
        opacity: 1;
    }
</style>
<div class="direction-arrows">
    <span id="{{- . -}}-down-btn">&uarr;</span>
    <span id="{{- . -}}-up-btn">&darr;</span>
</div>