.elementor-48258 .elementor-element.elementor-element-0e05c81 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-48258 .elementor-element.elementor-element-2978ec0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-48258 .elementor-element.elementor-element-2978ec0.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-48258 .elementor-element.elementor-element-2978ec0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-48258 .elementor-element.elementor-element-2978ec0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-2978ec0 *//* Put this in the Custom CSS of the Products widget */
.elementor-48258 .elementor-element.elementor-element-2978ec0 ul.products li.product {
  display: flex;
  flex-direction: column;
}

.elementor-48258 .elementor-element.elementor-element-2978ec0 ul.products li.product .button,
.elementor-48258 .elementor-element.elementor-element-2978ec0 ul.products li.product a.button {
  margin-top: auto;              /* pushes the button to the bottom */
  display: flex;                 /* make button a flex container */
  align-items: center;           /* vertical centering */
  justify-content: center;       /* horizontal centering */
  text-align: center;            /* ensures multi-line text is centered */
}/* End custom CSS */