.custom-author-box {
  width: 100%;
  margin: auto;
  max-width: var(--content-width);
  border: 1px solid #ddd;
  padding: 1.5em;
  margin-top: 20px;
  background: var(--e-global-color-accent);
}

.custom-author-box__inner {
  color: #ffffff;
}

.custom-author-box__inner .custom-author_info__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5em;
}

.custom-author-box__inner .custom-author_info__container .custom-author_image__container {
  max-width: 9rem;
  width: 33%;
  align-self: start;
}

.custom-author_image__container img.custom-author__image {
  width: 100%;
  object-fit: contain;
  height: auto;
  border-radius: 50%;
}

.custom-author-name-position__container {
  display: flex;
  align-items: center;
  gap: 1em;
}

.custom-author-name-position__container span {
  margin-bottom: 16px;
}

.custom-author-box h3 {
  margin-top: 0;
}

.custom-author-bottom__container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding-top: 1em;
}

.custom-author-bottom__container .custom-author__icon a svg {
  width: 1.5em;
  height: 1.5em;
  fill: #ffffff;
}

.icon-button_container__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.posts-button_container__wrapper {
  /* max-width: 50%; */
}

.button-wrapper {
  padding: 20px 0;
}

.button-wrapper a {
  font-family: var(--e-global-typography-bc0dab3-font-family), Sans-serif;
  font-size: var(--e-global-typography-bc0dab3-font-size);
  font-weight: var(--e-global-typography-bc0dab3-font-weight);
  text-transform: var(--e-global-typography-bc0dab3-text-transform);
  text-decoration: var(--e-global-typography-bc0dab3-text-decoration);
  fill: #ffffff;
  color: #ffffff;
  background-color: var(--e-global-color-1047c91);
  border-style: none;
  padding: 0px 0px 0px 0px;
}

.button-wrapper .elementor-button-text:hover {
  color: #ffc740;
}

.button-wrapper a span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-wrapper .elementor-button-icon.elementor-align-icon-right {
  margin-left: 10px;
  order: 15;
}

.button-wrapper .elementor-button-text {
  position: relative;
  color: #ffffff;
}

.button-wrapper .elementor-button-text:before {
  content: '';
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -5px;
  background: #ffc740;
}

@media (max-width: 767px) {
  .custom-author-box__inner .custom-author_info__container {
    flex-wrap: wrap;
  }
}