# better-payment/2.4.1/assets/css/admin.css

Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More, version 2.4.1. 360 lines.

- Page: https://pluginprobe.com/plugins/better-payment/2.4.1/code/assets/css/admin.css
- Raw: https://pluginprobe.com/plugins/better-payment/2.4.1/raw/assets/css/admin.css
- Modified: 2026-09-24T10:14:42+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/better-payment/2.4.1/code/assets/css/admin.css#L10-L20`.

```css
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/css/admin.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/* Notice : Starts */
.better-payment.notice.notice-info {
  border-left-color: #6e58f7;
}

.wpnotice-content-wrapper .button {
  text-transform: capitalize;
}

.wpdeveloper-review-notice {
  padding: 10px;
  background-color: #fff;
  border-radius: 3px;
  margin: 15px;
  border-left: 4px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wpdeveloper-review-notice:after {
  content: "";
  display: table;
  clear: both;
}

.wpdeveloper-notice-thumbnail {
  width: 90px;
  float: left;
  padding: 5px;
  text-align: center;
  border-right: 4px solid transparent;
}

.wpdeveloper-notice-thumbnail img {
  width: 72px;
  opacity: 0.85;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.wpdeveloper-notice-thumbnail img:hover {
  opacity: 1;
}

.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
  width: 32px;
}

.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,
.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail {
  width: auto;
  padding: 7px;
}

.wpdeveloper-update-notice .wpdeveloper-notice-message,
.wpdeveloper-update_400k-notice .wpdeveloper-notice-message {
  padding: 5px 0;
}

.wpdeveloper-update-notice,
.wpdeveloper-update_400k-notice {
  border-color: #6648fe;
  padding: 0;
}

a.ea-notice-cta {
  background-color: #4d18ff;
  background: linear-gradient(-30deg, #4d18ff, #9a7cff);
  margin-top: 30px;
  color: #fff;
  padding: 8px 20px;
  outline: none;
  text-decoration: none;
  border-radius: 3px;
  margin-left: 10px;
  transition: all 0.3s ease;
}

a.ea-notice-cta:hover {
  opacity: 0.85;
}

span.coupon-code {
  background: #ebebeb;
  padding: 5px 10px;
  letter-spacing: 0.035em;
}

.eael-review-text {
  overflow: hidden;
}

.eael-review-text h3 {
  font-size: 24px;
  margin: 0 0 5px;
  font-weight: 400;
  line-height: 1.3;
}

.eael-review-text p {
  font-size: 13px;
  margin: 0 0 5px;
}

.wpdeveloper-notice-link {
  margin: 8px 0 0 0;
  padding: 0;
}

.wpdeveloper-notice-link li {
  display: inline-block;
  margin-right: 15px;
}

.wpdeveloper-notice-link li a {
  display: inline-block;
  color: #10738b;
  text-decoration: none;
  padding-left: 26px;
  position: relative;
}

.wpdeveloper-notice-link li a span {
  position: absolute;
  left: 0;
  top: -2px;
}

.wpdeveloper-notice-message {
  padding: 10px 0;
}

.wpdeveloper-upsale-notice .wpdeveloper-notice-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
}

.wpdeveloper-upsale-notice .wpdeveloper-notice-message + .notice-dismiss {
  top: 10px;
}

.wpdeveloper-upsale-notice #plugin-install-core {
  margin-left: 10px;
}

.notice.notice-has-thumbnail {
  padding-left: 0;
}

.wpdeveloper-upsale-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail {
  padding: 10px;
  width: 40px;
}

.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img {
  width: 32px;
}

.toplevel_page_eael-settings .wp-menu-image img {
  max-width: 20px;
  padding-top: 8px !important;
}

.wpdeveloper-upsale-notice .wpdeveloper-notice-message .button {
  margin-left: 15px;
}

.eael-menu-notice {
  background: red;
  position: absolute;
  bottom: 24px;
  right: 0px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 1px 0 -1px 2px;
  padding: 0 5px;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #d63638;
  color: #fff;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
  z-index: 26;
  display: none;
}

/*
* Halloween Notice css
*/
#wpnotice-better-payment-review {
  padding: 15px;
}

.better-payment.notice .wpnotice-thumbnail-wrapper {
  margin-right: 15px;
  display: flex;
  align-items: center;
  max-width: 180px;
}
.better-payment.notice .wpnotice-content-wrapper {
  font-size: 14px;
}
.better-payment.notice .wpnotice-content-wrapper p {
  margin-bottom: 10px;
}
.better-payment.notice .wpnotice-content-wrapper a {
  display: flex;
  align-items: center;
}

#wpnotice-better-payment-review a {
  text-decoration: none;
}

/* Holiday Notice */
#wpnotice-better-payment-holiday_notice {
  border-left: 1px solid #c3c4c7;
  padding: 10px 40px 10px 20px;
  gap: 30px !important;
}

#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary,
#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:focus,
#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:hover {
  background-color: #5626e7;
  border-color: #5626e7;
}

#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button {
  display: flex;
  align-items: center;
  justify-content: start;
}

#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button .bp-notice-action-dismiss {
  color: #5626e7;
  font-size: 14px;
}

#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
  align-items: start;
  flex-direction: column;
  gap: 5px;
}

#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper p {
  font-size: 15px;
  margin: 0;
}

.notice-better-payment-holiday_notice.is-dismissible .wpnotice-thumbnail-wrapper img {
  width: auto !important;
  max-width: 160px !important;
  padding-left: 12px;
}

@media screen and (max-width: 574px) {
  #wpnotice-better-payment-holiday_notice {
    display: none !important;
  }
}
/* Notice : Ends */
@media only screen and (max-width: 767px) {
  .notice-better-payment-halloween_notice,
  .notice-better-payment-black_friday_notice {
    display: none !important;
  }
}
/*
* Summer Offer Notice css
*/
#wpnotice-better-payment-bp_summer_notice {
  border-left-color: #5252dc;
  padding: 10px 40px 14px 20px;
  background-color: #fff;
}

#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
  background-color: #5252dc;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 2px 16px;
  font-size: 14px;
}

#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
  background: none;
  border: none;
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-left: 5px;
}

#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
  font-weight: 400;
}

#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper p {
  font-size: 14px;
  margin-top: 0;
  padding-top: 0;
  text-transform: capitalize;
  color: #424242;
}

#wpnotice-better-payment-bp_summer_notice .notice-dismiss:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xODFfMzM3NjYpIj4KPHBhdGggZD0iTTEwLjAwMDEgOS4wNDc3MkwxMy4zMzM0IDUuNzE0MzZMMTQuMjg1OCA2LjY2Njc0TDEwLjk1MjQgMTAuMDAwMUwxNC4yODU4IDEzLjMzMzRMMTMuMzMzNCAxNC4yODU4TDEwLjAwMDEgMTAuOTUyNUw2LjY2Njc0IDE0LjI4NThMNS43MTQzNiAxMy4zMzM0TDkuMDQ3NjkgMTAuMDAwMUw1LjcxNDM2IDYuNjY2NzRMNi42NjY3NCA1LjcxNDM2TDEwLjAwMDEgOS4wNDc3MloiIGZpbGw9IiMxNzE3MTciLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9pXzE4MV8zMzc2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwLjcxNDMiIGhlaWdodD0iMjAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeD0iMC43MTQyODYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC43MTQyODYiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4wOCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzE4MV8zMzc2NiIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
}

@media only screen and (max-width: 767px) {
  #wpnotice-better-payment-bp_summer_notice {
    display: none !important;
  }
}

```