/**
 * 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 .uagb-buttons-repeater {
  font-size: var(--btn-font-size);
  font-family: var(--mainfont);
  color: var(--ast-global-color-0) !important;
  border: 2px solid var(--ast-global-color-0) !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 1.09em 2.05em;
  background-color: transparent !important;
  line-height: 1.5;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  border-radius: 0px;
}

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

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

.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater.ast-outline-button:hover {
  background-color: transparent !important;
  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: 820px) {
  .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    flex-direction: column;
    align-items: stretch !important;
  }
}

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