Estoy tratando de cambiar el margen superior del botón que se encuentra dentro de un div.

Sé que es imposible porque el botón por defecto es un elemento en línea, así que cambié la visualización del botón a bloque en línea... PERO todavía no pude cambiar el margen superior del botón. ¡Solo cuando eliminé el artículo "transformar: traducir (-50%)" del padre, pude cambiar el margen superior del botón! ¿Porqué es eso? y mi segunda pregunta, cuando inserto -50 en el margen superior del botón, distorsiona el botón, nuevamente, ¿por qué?

 .carousel-actions { display: flex; justify-content: space-between; position: absolute; width:100%; top: 50%; transform: translatey(-50%); } button { margin: 40px 20px; padding: 10px 15px; border-radius: 50%; font-weight: 900; display: inline-block; }