.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 22px;

    border:0;

    border-radius:14px;

    transition:var(--transition);

    font-weight:600;
    cursor: pointer;
}

.button--primary{

    background:var(--color-primary);

    color:white;
}

.button--primary:hover{

    background:var(--color-primary-hover);

    transform:translateY(-2px);

}

.button--danger{

    background:#dc2626;

    color:white;
}

.button--danger:hover{

    background:#b91c1c;

    transform:translateY(-2px);

}