/**
 * Unified DataSelf CTA: orange rectangle, 3D shadow, white uppercase label, >> suffix.
 * Scoped to page main content (excludes header/footer chrome).
 */

.ds-page-main a.fusion-button,
.ds-page-main button.fusion-button {
  background: #cb6015 !important;
  border: 1px solid #cb6015 !important;
  border-radius: 2px !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 0 #cb6015,
    1px 6px 6px 3px rgba(0, 0, 0, 0.3) !important;
  color: #ffffff !important;
}

.ds-page-main a.fusion-button:hover,
.ds-page-main a.fusion-button:focus,
.ds-page-main a.fusion-button:active,
.ds-page-main button.fusion-button:hover,
.ds-page-main button.fusion-button:focus,
.ds-page-main button.fusion-button:active {
  background: #db8a51 !important;
  border-color: #cb6015 !important;
}

.ds-page-main .fusion-button .fusion-button-text,
.ds-page-main .fusion-button i,
.ds-page-main .fusion-button:hover .fusion-button-text,
.ds-page-main .fusion-button:hover i,
.ds-page-main .fusion-button:focus .fusion-button-text,
.ds-page-main .fusion-button:focus i,
.ds-page-main .fusion-button:active .fusion-button-text,
.ds-page-main .fusion-button:active i {
  color: #ffffff !important;
  text-transform: uppercase;
}

.ds-page-main .fusion-button .fusion-button-icon-divider,
.ds-page-main .fusion-button:hover .fusion-button-icon-divider,
.ds-page-main .fusion-button:focus .fusion-button-icon-divider,
.ds-page-main .fusion-button:active .fusion-button-icon-divider {
  border-color: #ffffff !important;
}

.ds-page-main .fusion-button .button-icon-right {
  margin-left: 0.35em;
}

.ds-page-main .fusion-button:not(:has(.button-icon-right)) .fusion-button-text::after {
  content: " >>";
  color: #ffffff;
  font-weight: 700;
}

/* Brochure PDF download — green 3D (matches Sage 500 ERP page button-1) */
.ds-page-main a.fusion-button[href*="rochure" i] {
  background: #c4d8b2 !important;
  border: 1px solid #c4d8b2 !important;
  border-radius: 2px !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 3px 0 #c4d8b2,
    1px 5px 5px 3px rgba(0, 0, 0, 0.3) !important;
  color: #000000 !important;
}

.ds-page-main a.fusion-button[href*="rochure" i]:hover,
.ds-page-main a.fusion-button[href*="rochure" i]:focus,
.ds-page-main a.fusion-button[href*="rochure" i]:active {
  background: #c4d8b2 !important;
  border-color: #c4d8b2 !important;
}

.ds-page-main a.fusion-button[href*="rochure" i] .fusion-button-text,
.ds-page-main a.fusion-button[href*="rochure" i] i,
.ds-page-main a.fusion-button[href*="rochure" i]:hover .fusion-button-text,
.ds-page-main a.fusion-button[href*="rochure" i]:hover i,
.ds-page-main a.fusion-button[href*="rochure" i]:focus .fusion-button-text,
.ds-page-main a.fusion-button[href*="rochure" i]:focus i,
.ds-page-main a.fusion-button[href*="rochure" i]:active .fusion-button-text,
.ds-page-main a.fusion-button[href*="rochure" i]:active i {
  color: #000000 !important;
  text-transform: none;
}

.ds-page-main a.fusion-button[href*="rochure" i]:hover .fusion-button-text,
.ds-page-main a.fusion-button[href*="rochure" i]:hover i,
.ds-page-main a.fusion-button[href*="rochure" i]:focus .fusion-button-text,
.ds-page-main a.fusion-button[href*="rochure" i]:focus i,
.ds-page-main a.fusion-button[href*="rochure" i]:active .fusion-button-text,
.ds-page-main a.fusion-button[href*="rochure" i]:active i {
  color: rgba(0, 0, 0, 0.53) !important;
}

.ds-page-main a.fusion-button[href*="rochure" i] .fusion-button-icon-divider,
.ds-page-main a.fusion-button[href*="rochure" i]:hover .fusion-button-icon-divider,
.ds-page-main a.fusion-button[href*="rochure" i]:focus .fusion-button-icon-divider,
.ds-page-main a.fusion-button[href*="rochure" i]:active .fusion-button-icon-divider {
  border-color: #000000 !important;
}

.ds-page-main a.fusion-button[href*="rochure" i]:not(:has(.button-icon-right)) .fusion-button-text::after {
  content: " >>";
  color: #000000;
  font-weight: 700;
}