.button-v1 {
    background: transparent;
    border: 2px solid var(--color-primary-4);
    border-radius: 0.5rem;
    color: var(--color-primary-4);
    font-weight: bold;
    padding: 0.5rem 4rem;
    text-align: center;
    transition: all 0.25s ease;
    width: 100%;
}

.button-v1:hover {
    background: var(--color-primary-4);
    color: white;
}

.button-v2 {
    background: none;
    border: 2px solid white;
    border-radius: 1rem;
    color: white;
    font-weight: bold;
    padding: 0.5rem 4rem;
    transition: all 0.25s ease;
    width: 100%;
}

.button-v2:hover, .button-v2:active {
    background: white;
    color: var(--color-primary-4);
}