.layout:has(.call-out)
{
    padding: 3rem;
}

.call-out .btn
{
    margin-inline: auto;
}

.call-out.text-constrained
{
    width: var(--content-width-small);
    margin-left: auto;
    margin-right: auto;
}

.call-out p,
.call-out li
{
    font-family: var(--font-roboto);
    color: white;
    font-size: 1.125rem;
}

.call-out.txt-lrg-black p,
.call-out.txt-lrg-black li
{
    color: black;
    font-size: 1.43rem;
    text-align: center;
}

.call-out h2
{
    margin: 1.5rem;
}

.call-out:has(p) h2
{
    margin: 2rem 0 0;
    line-height: 3rem;
}

@media screen and (max-width: 60rem) 
{
    .call-out.text-constrained
    {
        width: unset;
    }
}