.call-to-action-button {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}
.call-to-action-button--blue {
    background: var(--primary-color);
    border: 5px solid var(--primary-color);
    color: white;
}
.call-to-action-button--green {
    background: var(--secondary-color);
    border: 5px solid var(--secondary-color);
    color: white;
}
.call-to-action-button--white {
    background: white;
    border: 5px solid white;
    color: var(--primary-color);
}

.call-to-action-button--blue:hover {
    background: white;
    color: var(--primary-color);
}
.call-to-action-button--green:hover {
    background: white;
    color: var(--secondary-color);
}
.call-to-action-button--white:hover {
    background: var(--primary-color);
    color: white;
}