.component-cta {
    display: inline-block;
    padding-inline: var(--cta-padding-inline, 1.25rem);

    border: var(--cta-border-width, .063rem) solid var(--cta-border-color);
    border-radius: calc((var(--cta-height, 2.75rem) + var(--cta-border-width, .063rem)) / 2);
    background-color: var(--cta-bgcol);

    line-height: var(--cta-height, 2.75rem);
    color: var(--cta-color);

    transition: color var(--transition-time, .2s), background-color var(--transition-time, .2s), border-color var(--transition-time, .2s);
}

.component-cta:hover {
    color: var(--cta-hover-color, var(--cta-color));
    background-color: var(--cta-hover-bgcolor, var(--cta-bgcol, transparent));
    border-color: var(--cta-hover-border-color, var(--cta-border-color));
}