/* =========================================================
   BlackOwls Foundation — Buttons
   File: assets/css/modules/50-buttons.css
   ========================================================= */


/* =========================================================
   BASE BUTTON — glass style
   ========================================================= */

.wp-block-button__link,
button,
input[type="submit"] {
  background:      rgba(109, 223, 255, .12) !important;
  color:           var(--bo-primary) !important;
  border:          1px solid rgba(109, 223, 255, .35) !important;
  border-radius:   9999px;
  padding:         14px 28px;
  font-size:       16px;
  font-weight:     500;
  line-height:     1.2;
  cursor:          pointer;
  backdrop-filter: blur(8px);
  transition:      transform .2s ease, background .2s ease, border-color .2s ease;
  word-break:      normal;
  overflow-wrap:   normal;
  white-space:     nowrap;
}

.wp-block-button__link:hover {
  background:   rgba(109, 223, 255, .22) !important;
  border-color: rgba(109, 223, 255, .65) !important;
  transform:    translateY(-2px);
}


/* =========================================================
   OUTLINE BUTTON — darker glass
   ========================================================= */

.wp-block-button.is-style-outline .wp-block-button__link {
  background:      rgba(255, 255, 255, .06) !important;
  color:           rgba(255, 255, 255, .80) !important;
  border:          1px solid rgba(255, 255, 255, .18) !important;
  backdrop-filter: blur(8px);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background:   rgba(255, 255, 255, .11) !important;
  border-color: rgba(255, 255, 255, .38) !important;
  color:        #fff !important;
  transform:    translateY(-2px) !important;
}


/* =========================================================
   EQUAL-WIDTH CTA PAIR
   ========================================================= */

.wp-block-buttons .wp-block-button__link {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  width:           220px !important;
  padding:         14px 22px;
}


/* =========================================================
   MOBILE — stack vertically, full width
   ========================================================= */

@media (max-width: 600px) {
  .wp-block-buttons .wp-block-button__link {
    width: 100%;
  }
}