/** @format */ .woocommerce-card { margin-bottom: 20px; background: white; border: 1px solid $gray; } .woocommerce-card__header { padding: 20px; border-bottom: 1px solid $gray; display: grid; align-items: center; .has-action & { grid-template-columns: 1fr 1fr; } .has-menu & { grid-template-columns: 1fr 50px; } .has-menu.has-action & { grid-template-columns: 1fr 1fr 50px; } h2 { margin: 0; } } .woocommerce-card__action, .woocommerce-card__menu { text-align: right; } .woocommerce-card__body { padding: 20px; }