.featured {
    width: 85%;
    max-width: 110rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    align-items: center;

    @media (width >=1280px) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5.2rem;
    }

    .featured__image {
        width: 100%;

        @media (width >=1280px) {
            width: 100%;
        }

        img {
            width: 100%;
            display: block;
            border-radius: 0.8rem;
        }
    }

    .featured__content {
        .pre-title {
            font-size: 1.6rem;
            color: var(--purple);
            margin-bottom: 1.6rem;
            word-break: normal;
        }

        h2.title {
            font-size: 4.8rem;
            font-weight: 100;
            font-family: var(--fontTitle-Regular);
            color: var(--darkGray);
            margin-bottom: 2rem;

            strong {
                font-size: 4.8rem;
                font-family: var(--fontTitle-Bold);
                color: var(--brand);
            }
        }

        .description {
            font-size: 1.6rem;
            color: var(--mediumGray);
            margin-bottom: 3.6rem;
            word-break: normal;
        }

        .btn-action {
            display: inline-block;
            padding: 1.2rem 2.4rem;
            background-color: #ec0000;
            font-size: 1.6rem;
            font-family: "SantanderMicroText-Regular";
            color: white;
            border-radius: 50rem;
            line-height: 100%;
            border: none;
            cursor: pointer;
        }
    }
}