.button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    border-radius:var(--button-radius);

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.button-primary{

    background:var(--primary);

    color:#fff;

}

.button-primary:hover{

    background:var(--primary-dark);

    transform:translateY(-2px);

}

.button-outline{

    border:2px solid rgba(255,255,255,.5);

    color:#fff;

}

.button-outline:hover{

    background:#fff;

    color:var(--primary);

}