.call-to-action {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: var(--space-5);
    text-decoration: none !important;
    background: var(--burgundy);

    .icon {
        width: 60px;
    }

    .icon img {
        width: 100%;
    }

    .title {
        margin: 0;
    }

    .title-small,
    .title-large {
        display: flex;
        gap: var(--space-2);
    }
    
    .title-small {
        align-items: center;
        margin-bottom: 10px;
        font-family: var(--font-soft);
        font-weight: var(--font-weight-bold);
        font-size: var(--text-xs);
        line-height: 1;
        text-transform: uppercase;
        color: var(--yellow);

        &::before {
            display: block;
            width: 14px;
            height: 2px;
            content: '';
            background: var(--yellow);
        }
    }

    .title-large {
        align-items: baseline;
        font-family: var(--font-contrast-condensed);
        font-weight: var(--font-weight-extrabold);
        font-size: 1.375rem;
        line-height: 1.2;
        color: var(--white);

        &::after {
            font: var(--fa-font-solid);
            font-size: var(--text-base);
            color: var(--yellow);
            content: '\f105';
        }
    }

    @media (min-width: 64em) {
        padding: 28px var(--space-5) var(--space-6);

        .title-small {
            font-size: 0.8125rem;
        }

        .title-large {
            font-size: 1.625rem;
        }
    }
}