.stoplight-pr-cta {
    align-items: flex-start;
    background-color: #ff730c;
    background-image: linear-gradient(135deg, #db372b, #f16803);
    border-radius: 5px;
    color: var(--white);
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    margin-bottom: calc(var(--padding)/4);
    padding: 30px
}

@media (prefers-color-scheme:dark) {
    .stoplight-pr-cta {
        background: var(--off-midnight)
    }
}

.stoplight-pr-cta h3 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35em;
    margin: 0 0 -2px
}

.stoplight-pr-cta p {
    font-size: 1rem;
    line-height: 1.45em;
    margin: 0 0 10px
}

a.pr-button {
    background: var(--white);
    border-radius: 3px;
    color: #db372b;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5em;
    padding: 9px 16px 8px
}

a.pr-button:hover {
    background: hsla(0, 0%, 100%, .9)
}