:root {
  --site-button-primary: #e98743;
  --site-button-primary-hover: #f0a15e;
  --site-button-surface: #fffaf4;
  --site-button-surface-hover: #fff1e6;
  --site-button-border: rgba(31, 23, 18, 0.10);
  --site-button-border-hover: rgba(233, 135, 67, 0.22);
  --site-button-text: #17120d;
  --site-button-primary-text: #ffffff;
}

.page :where(
  .btnx,
  button.btnx,
  a.btnx,
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-ghost,
  .btn-soft,
  .btn-main,
  .btn-submit,
  .chat-action
),
body.cargo-body .page.cargo-page :where(
  .cargo-btn,
  .cargo-create-button,
  .cargo-create-next,
  .cargo-create-actions__secondary,
  .cargo-my-load-card__action,
  .cargo-back-link,
  .cargo-search-submit--big,
  .cargo-search-reset--better,
  .cargo-available-create-card__next,
  .cargo-available-create-garage__add,
  .cargo-publication-card__action,
  .cargo-results-empty__action
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  border: 1px solid var(--site-button-border) !important;
  background: var(--site-button-surface) !important;
  color: var(--site-button-text) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

.page :where(
  .btnx,
  button.btnx,
  a.btnx,
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-ghost,
  .btn-soft,
  .btn-main,
  .btn-submit,
  .chat-action
):hover,
.page :where(
  .btnx,
  button.btnx,
  a.btnx,
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-ghost,
  .btn-soft,
  .btn-main,
  .btn-submit,
  .chat-action
):focus-visible,
body.cargo-body .page.cargo-page :where(
  .cargo-btn,
  .cargo-create-button,
  .cargo-create-next,
  .cargo-create-actions__secondary,
  .cargo-my-load-card__action,
  .cargo-back-link,
  .cargo-search-submit--big,
  .cargo-search-reset--better,
  .cargo-available-create-card__next,
  .cargo-available-create-garage__add,
  .cargo-publication-card__action,
  .cargo-results-empty__action
):hover,
body.cargo-body .page.cargo-page :where(
  .cargo-btn,
  .cargo-create-button,
  .cargo-create-next,
  .cargo-create-actions__secondary,
  .cargo-my-load-card__action,
  .cargo-back-link,
  .cargo-search-submit--big,
  .cargo-search-reset--better,
  .cargo-available-create-card__next,
  .cargo-available-create-garage__add,
  .cargo-publication-card__action,
  .cargo-results-empty__action
):focus-visible {
  transform: translateY(-1px) !important;
  background: var(--site-button-surface-hover) !important;
  border-color: var(--site-button-border-hover) !important;
}

.page :where(.btnx.primary, .btnx--primary, .btn-primary, .btn-submit, .chat-action:not(.chat-action--ghost)),
body.cargo-body .page.cargo-page :where(
  .btnx.primary,
  .cargo-btn--primary,
  .cargo-create-button--primary,
  .cargo-create-next,
  .cargo-create-next--publish,
  .cargo-search-submit--big,
  .cargo-my-load-card__action--edit,
  .cargo-available-create-card__next,
  .cargo-results-empty__action,
  .cargo-publication-card__action:not(.cargo-publication-card__action--neutral):not(.cargo-publication-card__action--danger)
) {
  border-color: transparent !important;
  background: var(--site-button-primary) !important;
  color: var(--site-button-primary-text) !important;
}

.page :where(.btnx.primary, .btnx--primary, .btn-primary, .btn-submit, .chat-action:not(.chat-action--ghost)):hover,
.page :where(.btnx.primary, .btnx--primary, .btn-primary, .btn-submit, .chat-action:not(.chat-action--ghost)):focus-visible,
body.cargo-body .page.cargo-page :where(
  .btnx.primary,
  .cargo-btn--primary,
  .cargo-create-button--primary,
  .cargo-create-next,
  .cargo-create-next--publish,
  .cargo-search-submit--big,
  .cargo-my-load-card__action--edit,
  .cargo-available-create-card__next,
  .cargo-results-empty__action,
  .cargo-publication-card__action:not(.cargo-publication-card__action--neutral):not(.cargo-publication-card__action--danger)
):hover,
body.cargo-body .page.cargo-page :where(
  .btnx.primary,
  .cargo-btn--primary,
  .cargo-create-button--primary,
  .cargo-create-next,
  .cargo-create-next--publish,
  .cargo-search-submit--big,
  .cargo-my-load-card__action--edit,
  .cargo-available-create-card__next,
  .cargo-results-empty__action,
  .cargo-publication-card__action:not(.cargo-publication-card__action--neutral):not(.cargo-publication-card__action--danger)
):focus-visible {
  background: var(--site-button-primary-hover) !important;
  border-color: transparent !important;
}

.page :where(.btnx.dark, .btnx.ghost, .btnx.outline, .btn-secondary, .btn-ghost, .btn-soft, .chat-action--ghost),
body.cargo-body .page.cargo-page :where(
  .btnx.dark,
  .btnx.ghost,
  .btnx.outline,
  .cargo-btn--secondary,
  .cargo-btn--ghost,
  .cargo-create-actions__secondary,
  .cargo-back-link,
  .cargo-search-reset--better,
  .cargo-my-load-card__action--toggle,
  .cargo-publication-card__action--neutral
) {
  background: var(--site-button-surface) !important;
  border-color: var(--site-button-border) !important;
  color: var(--site-button-text) !important;
}

.page :where(.btnx.danger, .btnx-danger, .btn-danger, .danger),
body.cargo-body .page.cargo-page :where(.cargo-my-load-card__action--delete, .cargo-publication-card__action--danger) {
  background: rgba(255, 126, 126, .10) !important;
  border-color: rgba(255, 126, 126, .24) !important;
  color: #b7322d !important;
}

.page :where(.btnx i, .btnx svg, .btn i, .btn svg, .btn-primary i, .btn-submit i, .chat-action i),
body.cargo-body .page.cargo-page :where(.cargo-btn__icon, .cargo-btn i, .btnx i, .btnx svg) {
  flex: 0 0 auto;
  color: currentColor !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

.page :where(.hero__actions, .cargo-my-loads-hero__actions, .my-ads-hero__actions) {
  gap: 14px !important;
}

.page :where(.hero__actions, .cargo-my-loads-hero__actions, .my-ads-hero__actions) .btnx {
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border-radius: 20px !important;
  font-size: 16px !important;
}

.page :where(.hero__actions, .cargo-my-loads-hero__actions, .my-ads-hero__actions) .btnx.primary {
  min-width: 0 !important;
}

@media (max-width: 720px) {
  .page :where(.btnx, button.btnx, a.btnx, .btn, .btn-primary, .btn-secondary, .btn-ghost, .btn-soft, .btn-main, .btn-submit, .chat-action),
  body.cargo-body .page.cargo-page :where(.cargo-btn) {
    width: 100%;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }

  .page :where(.hero__actions, .cargo-my-loads-hero__actions, .my-ads-hero__actions) .btnx {
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
  }
}