/**
 * Theme Button Styles
 * 
 * This file contains all custom styles related to buttons using the UAGB 
 * button component, especially the `.standard` style variations.
 * 
 * If additional button styles or variations become too large, create a 
 * separate sub-file and name it accordingly (e.g., theme_buttons-outline.css).
 */
.vc_row.wpb_row.vc_row-fluid.btn-group,
.vc_row.wpb_row.vc_row-fluid.btn-group-1 {
  display: flex;
  justify-content: center;
  gap: var(--gap-s);
}

.btn-group-1::before {
  content: none !important;
  display: none !important;
}

.vc_row.wpb_row.vc_row-fluid.btn-group-1 {
  justify-content: flex-start;
}

.vc_row.wpb_row.vc_row-fluid.btn-group > .wpb_column,
.vc_row.wpb_row.vc_row-fluid.btn-group-1 > .wpb_column {
  width: auto;
}

.vc_row.wpb_row.vc_row-fluid.btn-group > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.vc_row-fluid.btn-group-1 > .wpb_column > .vc_column-inner {
  padding: 0;
}

a.vc_general.vc_btn3 {
  font-family: var(--mainfont);
  background-color: transparent !important;
  border: 1px solid var(--ast-global-color-6) !important;
  border-radius: 13rem;
  text-decoration: none !important;
  color: var(--ast-global-color-6) !important;
  padding: 0.75em 2em;
  line-height: 1.25;
  font-size: var(--btn-font-size);
}

a.vc_general.vc_btn3:hover {
  background-color: var(--ast-global-color-6) !important;
  color: #fff !important;
  background: var(--ast-global-color-6) !important;
}

.vc_btn3-container.vc_btn3-center {
  text-align: left;
}

.page-id-151 .vc_row.wpb_row.vc_row-fluid.weniger-abstand-unten {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .vc_row.wpb_row.vc_row-fluid.btn-group,
  .vc_row.wpb_row.vc_row-fluid.btn-group-1 {
    flex-direction: column;
    gap: 0;
    max-width: 90vw;
  }

  .vc_btn3-container.vc_btn3-inline,
  .vc_btn3-container.vc_btn3-inline a {
    width: 100%;
  }

  .vc_row.wpb_row.vc_row-fluid.btn-group
    > .wpb_column:not(:last-child)
    .vc_btn3-container {
    margin-bottom: 15px;
  }
}