@media screen and (max-width: 470px){
    .action-bar button:nth-child(1){
        width: 100%;
    }
    .action-bar button:nth-child(2){
        width: 100%;
        margin-top: 0.5rem;
    }
    .action-bar button:nth-child(3){
        width: 100%;
        margin-top: 0.5rem;
    }
}

@media screen and (max-width: 390px){
    .action-bar button:nth-child(1){
        width: 100%;
    }
    .action-bar button:nth-child(2){
        width: 100%;
        margin-top: 0.5rem;
    }
    .action-bar button:nth-child(3){
        width: 100%;
        margin-top: 0.5rem;
    }
}