// Set up some local color variables to make the CSS more clear $outer-border: $core-grey-light-700; $promo-actions-border-top: $core-grey-light-500; $promo-actions-border-bottom: $light-gray-tertiary; .woocommerce-stats-overview { .woocommerce-card__body { padding: 0; } .woocommerce-summary { margin: 0; } } .woocommerce-stats-overview__footer { border-top: 1px solid $outer-border; } .woocommerce-stats-overview__more-btn { display: inline-block; padding: $gap; } .woocommerce-stats-overview__tabs { .components-tab-panel__tabs { display: flex; justify-content: space-between; border-bottom: 1px solid $outer-border; .components-button { width: 33.33%; } } } .woocommerce-stats-overview__stats { margin: 0; .woocommerce-summary__item-container { width: 50%; display: inline-block; } .woocommerce-summary__item-container:nth-last-of-type(1) .woocommerce-summary__item { border-bottom: none; } &.is-even .woocommerce-summary__item-container:nth-last-of-type(2) .woocommerce-summary__item { border-bottom: none; } .woocommerce-summary__item-container:nth-of-type(even) .woocommerce-summary__item { border-right: none; } .woocommerce-summary__item { background-color: $studio-white; &:hover { background-color: $light-gray-100; } &:active { background-color: $light-gray-200; } } } article.woocommerce-stats-overview__install-jetpack-promo { h3 { margin: $gap $gap-large $gap-smaller; } p { margin: 0 $gap-large $gap; } footer { border-top: 1px solid $promo-actions-border-top; border-bottom: 1px solid $promo-actions-border-bottom; .components-button { margin: $gap $gap-smallest; } .woocommerce-layout & button.components-button.is-secondary { margin-left: $gap-large; } } }