Cómo agregar un espacio al precio en productos variantes de Woocommerce y Divi

Cuando se crea un producto variable en Woocommerce, se puede dar la posibilidad de que el valor de dicho producto se vea demaciado junto a la caja de texto del botón «Add To Car», para solucionar esto hay que ir al menú principal de WordPress,

1. Divi > Theme Options
2. Escoger pestanña General e ir a la última sección «Custom CSS»
3. Agregar el siguiente código tal cual:
   .woocommerce-variation-price
   {
   padding-bottom: 30px;
   font-size: 22px;
   }
4. Luego dar clic en «Save Changes»

Esto nos dará el siguiente resultado:

Explicando que hacen cada línea:

1. padding-bottom: 30px; -> Esta línea agrega un espacio de 30px (pixeles) debajo del precio ($16.25)
2. font-size: 22px; -> Esta línea agranda el tamaño del texto en 22px (pixeles), de esta manera se ve más grande.