:root {
  --wb-btn-height: 34px;
  --wb-btn-min-width: 104px;
  --wb-btn-padding-x: 14px;
  --wb-btn-radius: 4px;
  --wb-btn-gap: 8px;
}

.wb-btn-row,
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--wb-btn-gap);
  flex-wrap: wrap;
}

.wb-btn-row::before,
.wb-btn-row::after,
.modal-footer::before,
.modal-footer::after {
  display: none !important;
}

.wb-btn,
.modal-footer .btn:not(.btn-xs):not(.btn-sm):not(.dropdown-toggle):not(.close),
.assets-actions .btn:not(.btn-xs):not(.btn-sm):not(.dropdown-toggle),
.ds-sample-projects-toolbar .btn:not(.btn-xs):not(.btn-sm):not(.dropdown-toggle) {
  min-height: var(--wb-btn-height) !important;
  padding: 6px var(--wb-btn-padding-x) !important;
  line-height: 20px !important;
  border-radius: var(--wb-btn-radius) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  vertical-align: middle;
}

.wb-btn,
.modal-footer .btn:not(.btn-xs):not(.btn-sm):not(.dropdown-toggle):not(.close) {
  min-width: var(--wb-btn-min-width);
}

.wb-btn--auto {
  min-width: 0 !important;
}

.wb-btn--wide {
  min-width: 140px !important;
}

.wb-btn--primary {
  color: #fff !important;
  background-color: rgb(25, 85, 88) !important;
  border-color: rgb(25, 85, 88) !important;
}

.wb-btn--primary:hover,
.wb-btn--primary:focus,
.wb-btn--primary:active,
.wb-btn--primary.active {
  color: #fff !important;
  background-color: rgb(21, 72, 75) !important;
  border-color: rgb(21, 72, 75) !important;
}

.modal-header > .close,
button.close,
.close.btn,
.btn.close,
.btn.btn-xs,
.btn.btn-sm,
.btn.dropdown-toggle {
  min-width: 0 !important;
}

@media (max-width: 767px) {
  .wb-btn-row,
  .modal-footer {
    justify-content: stretch;
  }

  .wb-btn,
  .modal-footer .btn:not(.btn-xs):not(.btn-sm):not(.dropdown-toggle):not(.close) {
    flex: 1 1 auto;
    min-width: 0 !important;
  }
}