.px-infobox {
  position: relative;
  container-type: inline-size;
  padding-top: 35px;
}
.px-infobox-inner {
  position: relative;
  border: 1px solid var(--imageBorderColor);
  background-color: var(--contrastColorInverted);
  transition: var(--baseTransition);
}
.px-infobox-inner .icon {
  position: absolute;
  top: 0;
  right: 20px;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border: 1px solid var(--imageBorderColor);
  background-color: var(--contrastColorInverted);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@container (width <=450px) {
  .px-infobox-inner .icon {
    width: 55px;
    height: 55px;
  }
}
.px-infobox-inner .icon img {
  display: block;
  width: 40px;
  height: 40px;
  max-height: 40px;
  max-width: 40px;
  object-fit: contain;
}
@container (width <=450px) {
  .px-infobox-inner .icon img {
    width: 25px;
    height: 25px;
    max-height: 25px;
    max-width: 25px;
  }
}
.px-infobox-inner .text {
  padding: 35px clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem) clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem);
}
.px-infobox.bgcolor-gray .px-infobox-inner {
  background-color: var(--formBorderColor);
}
.px-infobox.bgcolor-main .px-infobox-inner {
  background-color: var(--main-color);
}
.px-infobox.bgcolor-main .px-infobox-inner a:hover {
  color: var(--contrastColorInverted);
}
.px-infobox.bgcolor-main .px-infobox-inner .wp-block-button > a.wp-block-button__link:not(.has-text-color) {
  background-color: var(--contrastColorInverted);
  color: var(--main-color);
}
.px-infobox.bgcolor-main .px-infobox-inner .wp-block-button > a.wp-block-button__link:not(.has-text-color):hover {
  background-color: var(--second-color);
  color: var(--contrastColorInverted);
}
.px-infobox.bgcolor-main .px-infobox-inner .wp-block-button.is-style-outline > a.wp-block-button__link:not(.has-text-color) {
  background-color: transparent;
  border-color: var(--contrastColorInverted);
  color: var(--contrastColorInverted);
}
.px-infobox.bgcolor-main .px-infobox-inner .wp-block-button.is-style-outline > a.wp-block-button__link:not(.has-text-color):hover {
  background-color: var(--contrastColorInverted);
  color: var(--main-color);
}
.px-infobox.bgcolor-second .px-infobox-inner {
  background-color: var(--second-color);
}
.px-infobox.small-width .px-infobox-inner {
  max-width: 42%;
}
@container (width <=768px) {
  .px-infobox.small-width .px-infobox-inner {
    max-width: 80%;
  }
}
@container (width <=450px) {
  .px-infobox.small-width .px-infobox-inner {
    max-width: 100%;
  }
}