/* diagonal layout */
main .block.featured-text.layout-diagonal .wrapper {
    max-width: 1020px;
}

main .block.featured-text.layout-diagonal .text-container,
main .block.featured-text.layout-diagonal .button-container {
    margin-top: var(--spacing-500);
    max-width: 580px;
    margin-left: auto;
}

main .block.featured-text .button-container {
    margin-top: var(--spacing-700);
}

main .block.featured-text.layout-diagonal h2 {
    max-width: 713px;
    margin-left: auto;
}

@media (max-width: 860px) {
    main .block.featured-text.layout-diagonal .wrapper {
        max-width: 664px;
    }

    main .block.featured-text.layout-diagonal .text-container,
    main .block.featured-text.layout-diagonal .button-container {
        max-width: 480px;
    }

    main .block.featured-text.layout-diagonal h2 {
        max-width: unset;
    }
}

@media (max-width: 600px) {
    main .block.featured-text.layout-diagonal .text-container,
    main .block.featured-text.layout-diagonal .button-container {
        max-width: unset;
    }
}


/* horizontal layout */
main .block.featured-text.layout-horizontal .wrapper {
    display: flex;
    justify-content: center;
    gap: 80px;
}

main .block.featured-text.layout-horizontal h2 {
    min-width: 338px;
}

main .block.featured-text.layout-horizontal .text-container {
    max-width: 616px;
    margin-top: 67px;
}

@media (max-width: 860px) {
    main .block.featured-text.layout-horizontal h2 {
        min-width: 238px;
    }
    
    main .block.featured-text.layout-horizontal .text-container {
        
        margin-top: 31px;
    }
}
@media (max-width: 600px) {
    main .block.featured-text.layout-horizontal .wrapper {
        display: block;
    }
}