.button{
    background: var(--purple);
    color: var(--white);
    font: var(--button);
    padding: 13px 24px;
    border-radius: 4px;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.button.Is_secondary{
    background: unset;
    color: var(--purple);
    border: 2px solid var(--purple);
}

.button-container{
    display:flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 768px) {
    .button-container{
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}