/* File: automatic-custom-css.css - Version: 4.0.0-rc-1 - Generated: 2026-03-19 17:43:49 */
.icon-button > svg,
.link--icon > svg {
  color: inherit !important;
}
.icon-button > svg:is(svg, i, a),
.link--icon > svg:is(svg, i, a) {
  color-scheme: var(--icon-scheme, inherit);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
.icon-button > svg:is(i)::before,
.link--icon > svg:is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
.icon-button > svg svg,
.link--icon > svg svg {
  color: var(--icon-color);
}
.icon-button > svg:is(a):hover,
a:hover .icon-button > svg,
.icon-button > svg [data-icon-hover]:hover,
.icon-button > svg [data-icon-hover]:hover [data-icon],
.link--icon > svg:is(a):hover,
a:hover .link--icon > svg,
.link--icon > svg [data-icon-hover]:hover,
.link--icon > svg [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}

/* Background SVG graphic */
.bg-overlay-mask {
  position: relative;
}

.bg-overlay-mask svg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -2;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(to top, transparent, #000 50%);
  mask-image: linear-gradient(to top, transparent, #fff 50%);
}

.bg-overlay-mask :not([fill='none']) {
  fill: color-mix(in srgb, var(--primary) 10%, transparent);
}

.btn-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
  gap: var(--space-s);
}

@media (max-width: 478px) {
  .btn-wrapper {
    flex-direction: column;
    width: 100%;
  }
}