.woocommerce-recommended-payments-banner { margin: 0 15px 10px 0; animation: isLoaded; animation-duration: 250ms; .woocommerce-recommended-payments-banner__body { display: flex; align-items: center; justify-content: center; padding-bottom: 0px; } .woocommerce-recommended-payments-banner__text_container { width: 40%; margin-inline: 24px; * { margin-block: 1rem } } .woocommerce-recommended-payments-banner__image_container { } .woocommerce-recommended-payments-banner__footer { display: flex; align-items: center; justify-content: center; } .wcpay-connect-account-page-payment-methods > svg { height: 28px } } .woocommerce-recommended-payments-card { margin: 0 15px 10px 0; animation: isLoaded; animation-duration: 250ms; .woocommerce-list__item { &:hover { background-color: $white; .woocommerce-list__item-title { color: $gray-900; } } } .woocommerce-list__item-title { font-size: 14px; color: $gray-900; font-weight: 600; } .woocommerce-review-activity-card__section-controls { text-align: center; } .woocommerce-pill { margin-left: 4px; padding: 2px 8px; } @media (max-width: #{ ($break-mobile) }) { .woocommerce-pill { margin-top: 4px; margin-bottom: 4px; } } .components-card__footer { .gridicon { margin-left: $gap-smallest; } } .woocommerce-list__item-enter { opacity: 0; max-height: 100vh; transform: none; } .woocommerce-list__item-enter-active { opacity: 1; transition: opacity 200ms; } .woocommerce-list__item-after .components-button { margin-left: $gap-small; } .woocommerce-list__item-before img { max-width: 96px; height: 36px; border-radius: 8px; } .woocommerce-list__item-text, .woocommerce-recommended-payments__header-heading { max-width: 749px; } } @media (max-width: #{ ($break-medium) }) { .woocommerce-recommended-payments-card { margin: 0 0 10px 0; } }