/**
 * 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).
 */

.wp-block-uagb-buttons .wp-block-button a.wp-block-button__link {
  background-color: var(--ast-global-color-3) !important;
  color: var(--ast-global-color-0) !important;
  border-radius: 100px;
  padding: 15px var(--gap-m) !important;
  border: 1px solid var(--ast-global-color-3) !important;
  transition: all 0.5s ease-in-out;
}

.wp-block-uagb-buttons .wp-block-button .uagb-button__link {
  font-family: var(--mainfont);
  font-size: var(--btn-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

/* Hover */
.wp-block-uagb-buttons .wp-block-button a.wp-block-button__link:hover {
  background-color: var(--ast-global-color-0) !important;
}

.wp-block-uagb-buttons .wp-block-button__link:hover .uagb-button__link {
  color: var(--ast-global-color-3) !important;
}

/* in editor */
.block-editor-block-list__block .wp-block-button__link {
  background-color: var(--ast-global-color-3);
  border-radius: 100px;
}

.block-editor-block-list__block .block-editor-block-list__layout {
  row-gap: 0 !important;
}

.block-editor-block-list__block.wp-block.cont-rooms-btns {
  margin-bottom: 20px !important;
}

.block-editor-block-list__block .btn-buchen .uagb-button__link {
  color: white !important;
}

.block-editor-inner-blocks .uagb-buttons__outer-wrap .block-editor-rich-text__editable {
  color: white !important;
}

@media screen and (max-width: 768px) {
  .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    flex-direction: column !important;
  }


}