:host {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    height: 0;
    width: 100%;
    & > * {
        margin: 0 10px;
    }
}
.without-footer-row{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;    
    position: fixed;
    bottom: -4px;
    padding: 0 10px;
    z-index: 1000;
}
.show-footer-row{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;    
    position: fixed;
    bottom: 57px;
    padding: 0 10px;
    z-index: 999; 
}