.button-container  {
    display: flex;
    flex-direction: column;
    align-items: center;

    justify-content: flex-start;

    gap:1rem;

    width: 100%;
}


.button-container.button-container--align-center {
    justify-content: center;
}

.button-container.button-container--align-end {
    justify-content: flex-end;
}


.button-container .btn-wrapper,
.button-container .btn {
    display: block;
    flex-shrink: 0;

    width: min(100%, 18.75rem);
}

@media screen and (min-width: 62rem) {
    .button-container  {
        flex-direction: row;
    }
}