/* buttons.css -- everything governing .et_pb_button (the real Divi button
   module look shared by every button on the site: the header CTA's own
   dipi-cta-button skin lives in header.css since it's exclusively a header
   nav thing here) and its states/variants reachable on this site:
   hover-invert (border becomes transparent, padding shifts, faint
   background tint), the .et_button_no_icon variant (the `et_button_no_icon`
   body class is present on every page), and .et_pb_button_alignment_center
   (used by the home page's button wrapper).

   Faithfully re-extracted from wp-content/cache/wpo-minify (cache dir)/assets/
   wpo-minify-header-*.min.css, filtered to selectors reachable from the
   actual body classes/content of all 5 pages -- e.g. the woo-commerce,
   pricing-table, newsletter, contact-form and color-scheme variants of
   .et_pb_button that Divi core ships are never reachable here (none of
   those modules/features exist on this site) and are dropped, along with
   the responsive et_pb_bg_layout_*_tablet/_phone variants (no button on
   this site uses a per-breakpoint background-layout override).

   Per instructions, the icon pseudo-element (:before/:after) POSITIONING/
   animation is kept (it still affects the hover animation's layout with no
   visible glyph), but the icon GLYPH rendering itself is dropped: the
   `font-family: ETmodules` rule, the default `content: "5"` arrow glyph,
   and the `content: attr(data-icon...)` custom-icon rules (base/tablet/
   phone) -- the icon font isn't wired up on this port yet (fonts.css only
   self-hosts Montserrat/Open Sans/Merriweather so far, and no button on
   this site sets a custom `data-icon` anyway). @font-face rules dropped
   for the same reason. No Complianz/Forminator selectors were reachable
   here to begin with. */

[class*=dipi_].et_pb_module .et_pb_button {
  transition: all .2s ease !important
}
.et_button_no_icon .et_pb_button:after {
  display: none
}

.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover {
  padding: .3em 1em !important
}

.et_pb_button {
  font-size: 20px;
  font-weight: 500;
  padding: .3em 1em;
  line-height: 1.7em !important;
  background-color: transparent;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid;
  border-radius: 3px;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all !important;
  transition-property: all !important
}

.et_pb_button {
  position: relative
}

.et_pb_button:hover,
.et_pb_module .et_pb_button:hover {
  border: 2px solid transparent;
  padding: .3em 2em .3em .7em
}

.et_pb_button:hover {
  background-color: hsla(0, 0%, 100%, .2)
}

.et_pb_bg_layout_light.et_pb_button:hover,
.et_pb_bg_layout_light .et_pb_button:hover {
  background-color: rgba(0, 0, 0, .05)
}

.et_pb_button:after,
.et_pb_button:before {
  font-size: 32px;
  line-height: 1em;
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none
}

.et_pb_button:before {
  display: none
}

.et_pb_button:hover:after {
  opacity: 1;
  margin-left: 0
}

.et_pb_bg_layout_light.et_pb_module.et_pb_button {
  color: #2ea3f2
}

.et_pb_module.et_pb_button {
  display: inline-block;
  color: inherit
}

/* ---- site-wide button color override, verified against the raw source
   (wp-content/et-cache/47/et-core-unified-tb-26044679-47.min.css) -- this
   bare .et_pb_button rule was dropped by the earlier extraction passes
   (miscategorized as "generic base rule already covered"), which is why
   every button rendered with Divi's stock blue instead of this site's
   real tan/brown accent. ---- */
.et_pb_button {
  font-size: 18px;
  background-color: rgba(107, 110, 122, 0);
  border-color: #ffd095;
  border-radius: 0px;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffd095;
}

body .et_pb_button:hover {
  color: #6b6e7a !important;
  background-color: #ffd095;
  border-color: rgba(255, 208, 149, 0.93) !important;
  border-radius: 0px;
}

.et_pb_button_module_wrapper.et_pb_button_alignment_center {
  text-align: center
}

.et_pb_button_module_wrapper>a {
  display: inline-block
}