.elementor-217 .elementor-element.elementor-element-651fcbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-217 .elementor-element.elementor-element-6256e0a{--display:flex;}.elementor-217 .elementor-element.elementor-element-acbbb2a{--display:flex;}.elementor-217 .elementor-element.elementor-element-8b7f1f1{--display:flex;}.elementor-217 .elementor-element.elementor-element-7691fba{--display:flex;}/* Start custom CSS for button, class: .elementor-element-8d0dc00 *//* ============================================================
   SHANA GRIMOIRE
   PRODUCTION INQUIRY — RITUAL BUTTON
============================================================ */

/* WIDGET */
.elementor-217 .elementor-element.elementor-element-8d0dc00 {
  width: 100%;
  text-align: center;
}


/* BUTTON */
.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button {
  position: relative;

  width: auto !important;
  min-width: 290px;

  padding:
    17px
    34px !important;

  background:
    rgba(5, 4, 3, .72) !important;

  border:
    1px solid rgba(175, 143, 104, .30) !important;

  border-radius: 0 !important;

  color:
    rgba(210, 190, 164, .78) !important;

  font-family:
    "Cormorant Garamond",
    "EB Garamond",
    Georgia,
    serif !important;

  font-size: 12px !important;

  font-weight: 400 !important;

  line-height: 1.2;

  letter-spacing: 3px;

  text-transform: uppercase;

  box-shadow:
    inset 0 0 25px rgba(0,0,0,.65),
    0 0 0 rgba(145,90,50,0);

  overflow: hidden;

  transition:
    color .55s ease,
    border-color .55s ease,
    background .55s ease,
    box-shadow .55s ease,
    letter-spacing .55s ease;
}


/* ============================================================
   INNER GLOW
============================================================ */

.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button::before {
  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(146, 87, 48, .11) 0%,
      rgba(91, 48, 27, .045) 42%,
      transparent 72%
    );

  opacity: 0;

  transition:
    opacity .6s ease;
}


/* ============================================================
   SMALL RITUAL MARK
============================================================ */

.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button::after {
  content: "✦";

  position: absolute;

  left: 50%;
  bottom: 3px;

  transform:
    translateX(-50%);

  color:
    rgba(157, 105, 64, .30);

  font-size: 5px;

  opacity: .65;

  transition:
    opacity .5s ease,
    color .5s ease;
}


/* ============================================================
   BUTTON TEXT
============================================================ */

.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button-text {
  position: relative;

  z-index: 2;
}


/* ============================================================
   HOVER
============================================================ */

.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button:hover {
  background:
    rgba(12, 7, 5, .86) !important;

  border-color:
    rgba(194, 143, 94, .58) !important;

  color:
    rgba(236, 215, 187, .96) !important;

  letter-spacing: 3.5px;

  box-shadow:
    inset 0 0 30px rgba(56,27,15,.48),
    0 0 22px rgba(123,67,35,.10);
}


.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button:hover::before {
  opacity: 1;
}


.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button:hover::after {
  color:
    rgba(211, 148, 91, .68);

  opacity: 1;
}


/* ============================================================
   CLICK
============================================================ */

.elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button:active {
  background:
    rgba(18, 9, 6, .92) !important;

  border-color:
    rgba(213, 157, 101, .66) !important;

  transform:
    translateY(1px);
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

  .elementor-217 .elementor-element.elementor-element-8d0dc00 {
    padding:
      0
      18px;
  }


  .elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button {
    width: 100% !important;

    min-width: 0;

    max-width: 420px;

    padding:
      18px
      16px !important;

    font-size: 10px !important;

    letter-spacing: 2.1px;

    line-height: 1.35;
  }


  .elementor-217 .elementor-element.elementor-element-8d0dc00 .elementor-button:hover {
    letter-spacing: 2.1px;
  }

}/* End custom CSS */