@use '@angular/material' as mat;
@mixin viewport-theme($theme) {
    $primary: map-get($theme, primary);

    deja-viewport {

        #up,
        #down {
            &:hover {
                background-color: mat.get-color-from-palette($primary);
                color: mat.get-color-from-palette($primary, default-contrast);
            }
        }
    }
}