.cta-button,
.cta a,
a.btn,
a.btn-primary,
.wp-block-button a.wp-block-button__link {
    background: var(--yellow) url('../images/icon-arrow-right.svg') no-repeat calc(100% - 20px) center;
    background-size: 30px auto;
    color: var(--dark-blue);
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 60px 15px 25px;
    border-radius: 1000px;
    border: 2px solid var(--yellow);
    box-sizing: border-box;
    transition: 0.1s;
    cursor: pointer;
}

a.btn-secondary {
    background: transparent url('../images/icon-arrow-right.svg') no-repeat calc(100% - 20px) center;
    background-size: 30px auto;
    color: var(--dark-blue);
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 60px 15px 25px;
    border-radius: 1000px;
    border: 2px solid var(--dark-blue);
    box-sizing: border-box;
}

.cta-button:hover,
.cta a,
a.btn:hover,
a.btn-primary:hover,
a.btn-secondary:hover,
.wp-block-button a.wp-block-button__link:hover {
    background: var(--dark-blue) url('../images/icon-arrow-right-white.svg') no-repeat calc(100% - 20px) center;
    background-size: 30px auto;
    color: white;
    border: 2px solid var(--dark-blue);
}

@media (max-width:1000px) {
    .cta-button,
    .cta a,
    a.btn,
    a.btn-primary,
    .wp-block-button a.wp-block-button__link {
        padding: 10px 60px 10px 60px;
        background-position: calc(100% - 15px) center;
        text-align: center;
    }
    .cta-button:hover,
    .cta a:hover,
    a.btn:hover,
    a.btn-primary:hover,
    .wp-block-button a.wp-block-button__link:hover {
        background-position: calc(100% - 15px) center;
    }
}