le di ese efecto superior para darle como una vista 3D, el triangulo lo quería alargar y lo supe solucionar, aunque me dio algo raro en el código xd, acá le dejo el resultado + el código.

.play { width: 250px; margin-left: 175px; margin-top: 70px; height: 0px; border: 100px solid; border-left: 180px solid; border-color: transparent white; }

.box { --border-radius-x: 60px; --border-radius-y: 150px; padding-top: 0.1px; width: 500px; height: 350px; background: hsl(10, 90%, 50%); margin: 100px auto; border-top-left-radius: var(--border-radius-x) var(--border-radius-y); border-top-right-radius: var(--border-radius-x) var(--border-radius-y); border-bottom-right-radius: var(--border-radius-x) var(--border-radius-y); border-bottom-left-radius: var(--border-radius-x) var(--border-radius-y); border-radius: var(--border-radius-x) / var(--border-radius-y); border-top: brown solid 40px;

}