.cta-button:any-link{
    display: flex;
    width: max-content;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background: var(--color-primary);
    color: var(--color-primary-invert);
    min-height: 2.5rem;
}
.cta-button span{
    color: inherit;
}
.button:any-link{
    display: flex;
    width: max-content;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-primary-text);
    min-height: 2.5rem;
}
.button span{
    color: inherit;
}
@media screen and (min-width:651px){
    #hero-block{
        max-width: var(--breakpoint-2xl);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }
    #hero-block article{
        display: flex;
        width:35rem;
        flex-direction: column;
        justify-content: center;
        padding-left: 0.5rem;
    }
    #hero-block article a{
        border-radius: 0.5rem;
    }
}
@media screen and (max-width:650px){
    #hero-block a{
        justify-content: center;
        width: 100%;
    }
}