woocommerce/plugins/woocommerce-admin/client/payments/payment-recommendations.scss

.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;
	}
}