.small-content-callout {
    padding: var(--Padding-XL) var(--Padding-M);
    border: 1px solid var(--Almost-Black);
    /* Classes to control where the point is */
    &.top-left {
        border-radius: 0 1.5rem 1.5rem 1.5rem;
    }
    &.bottom-left {
        border-radius: 1.5rem 1.5rem 1.5rem 0;
    }
    &.top-right {
        border-radius: 1.5rem 0 1.5rem 1.5rem;
    }
    &.bottom-right {
        border-radius: 1.5rem 1.5rem 0 1.5rem;
    }

    .two-column {
        display: flex;
        flex-direction: column;
        gap: var(--Padding-L);
        @media (min-width: 768px) {
            flex-direction: row;
            align-items: flex-start;
        }
        img.logo {
            max-width: 18rem;
            width: 100%;
        }
    }

    .content {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: var(--Padding-XS);
        > p {
            margin-bottom: 0;
        }
    }
}