.box-4 { --border-radius-y:120px; --border-radius-x:90px; background: hsl(10, 90%, 40%); width: 490px; height: 345px; padding:0.1px; 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); } /Como recordatorio agrregamos padding con un leve aumento para solucionar el problema de colapsado de margin verticales :,v/ /Ahora el boton de play/

.play { --dad-width:115px; --border-width:58.3px; width: 0; height: 0; /* margin-left:150px; margin-top: 115px ;*/ margin: var(--dad-width) auto; border-left:var(--dad-width) solid #fff; border-top: var(--border-width) solid transparent; border-bottom: var(--border-width) solid transparent; } /Colocamos 155px de margin y de top porque equivalen a una 3ra parte del total del ancho del papá/