.elementor-2321 .elementor-element.elementor-element-d265bcc{--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;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2321 .elementor-element.elementor-element-b229374{--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-2321 .elementor-element.elementor-element-5e9eebc{--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-2321 .elementor-element.elementor-element-5e9eebc:not(.elementor-motion-effects-element-type-background), .elementor-2321 .elementor-element.elementor-element-5e9eebc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-b4d5ad9 */.dice-help-wrapper {
  --brand-yellow: #f2ef1d;
  --brand-green: #4BFA94;
  --green: #00D8AF;
  --blue: #0000FE;
  --blue-light: #24AFEE;
  --purple-light: #A783FF;
  --white-semi-transparent: rgba(255,255,255,0.66);
  --lightest-gray: #f9f9f9;

  max-width: 600px;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
  gap: 16px;

  font-family: 'Favorit', Helvetica, Arial, sans-serif;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.help-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  background-color: var(--lightest-gray);
  color: #111;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #ddd;
  transition: background 0.3s ease, transform 0.2s ease;
}

.help-option:hover {
  background-color: #eeeeee;
  transform: translateY(-1px);
}

.help-option .arrow {
  font-size: 20px;
  color: #666;
  transition: transform 0.2s ease;
}

.help-option:hover .arrow {
  transform: translateX(4px);
}/* End custom CSS */