Как стилизовать данный элемент?

Question

[Дмитрий Ярощук]

Подскажите как правильно стилизовать элемент-квадрат у которого border-color задан как градиент
Стили которые использую я:

.benefits:before {
    content: '';
    display: block;
    max-width: 900px;
    width: 100%;
    height: 770px;
    position: absolute;
    bottom: 170px;
    left: 0;
    border: 30px solid transparent;
    background-image: linear-gradient(90deg, #9A762F 0%, #F2C977 100%);
    background-clip: content-box; /* Устанавливает, чтобы фон не распространялся за пределы границы */
}

Вот что получается:

А вот так должно быть:

Comments

[Сергей delphinpro]

ну положите внутрь белый квадрат

[Дмитрий Ярощук]

Сергей delphinpro Не очень вас понимаю

[Сергей delphinpro]

Дмитрий Ярощук, да что там понимать

Answer 1

[dicem]

https://jsbin.com/tojomoyubi/edit?html,css,output