/* Right-side drawer action bars stay visible while drawer content scrolls. */
.report-drawer > footer,
.earn-drawer > footer,
.wd-drawer > footer,
.finance-drawer > footer,
.sc-drawer > footer,
.campaign-data-drawer > footer,
.postback-modal > footer,
.filter-drawer > .drawer-actions,
.modal-layer.full .modal-card > .drawer-actions {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px 24px;
  border-top: 1px solid var(--border);
  background: var(--surface);
  box-shadow: 0 -8px 18px rgba(15, 27, 61, .08);
}

/* The generic filter drawer scrolls as one container and has outer padding. */
.filter-drawer {
  padding-bottom: 106px;
}

.filter-drawer > .drawer-actions {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 16px 22px;
}

@media (max-width: 767px) {
  .report-drawer > footer,
  .earn-drawer > footer,
  .wd-drawer > footer,
  .finance-drawer > footer,
  .sc-drawer > footer,
  .campaign-data-drawer > footer,
  .postback-modal > footer,
  .modal-layer.full .modal-card > .drawer-actions {
    padding: 14px 18px;
  }

  .filter-drawer {
    padding-bottom: 100px;
  }

  .filter-drawer > .drawer-actions {
    padding: 14px 18px;
  }
}