/**
 * Styles for UAGB button blocks.
 * Customizes appearance, spacing, and responsive behavior for `.uagb-buttons-repeater` and layout wrappers.
 */

.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap a.uagb-buttons-repeater {
  font-size: var(--btn-font-size);
  font-family: var(--mainfont);
  color: var(--ast-global-color-2) !important;
  font-weight: 500;
  padding: 1.143em 2.5em;
  border: none;
  background-color: var(--ast-global-color-3) !important;
  line-height: 1.29;
  transition: all 0.5s ease-in-out;
  border-radius: 100px;
  width: fit-content;
}

.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater:hover {
  background-color: var(--ast-global-color-0) !important;
}

.uagb-buttons__wrap.uagb-buttons-layout-wrap {
  gap: var(--gap-s) !important;
}

.uagb-buttons-repeater {
  position: relative;
}

@media (max-width: 768px) {
  .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    flex-wrap: wrap;
  }

  #main .wp-block-uagb-container.cont-btn .uagb-container-inner-blocks-wrap {
    width: 90vw !important;
  }

  .uagb-container-inner-blocks-wrap .wp-block-uagb-buttons {
    width: fit-content !important;
  }

  .wp-block-uagb-container.cont-btn
    .wp-block-uagb-buttons-child
    .uagb-button__wrapper {
    display: flex;
    justify-content: center;
  }

  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
    a.uagb-buttons-repeater {
    padding: 1em 2em;
  }
}

@media (max-width: 576px) {
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap .uagb-buttons-repeater {
    padding: 0.69em 2.05em;
  }

  .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    gap: 5px !important;
  }
}