/*
Theme Name: Bioculty
Theme URI: http://www.bioculty.com.br
Author: Bioculty
Author URI: http://www.bioculty.com.br
Template: twentytwentyfour
Version: 1.0.0
Text Domain: bioculty
*/


/* ===============================
   Botões Bioculty (Gutenberg)
   =============================== */

.wp-block-button .wp-block-button__link {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  padding: 8px 20px;         /* (vertical, horizontal) mais comum para botão */
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

/* 1) verde-btn */
.wp-block-button.is-style-verde-btn .wp-block-button__link {
  background-color: #71AF2E;
  color: #FFFFFF;
  border: 0;
}
.wp-block-button.is-style-verde-btn .wp-block-button__link:hover {
  filter: brightness(0.95);
}

/* 2) verde-btn-outline */
.wp-block-button.is-style-verde-btn-outline .wp-block-button__link {
  background-color: #FFFFFF;
  color: #71AF2E;
  border: 2px solid #71AF2E;
}
.wp-block-button.is-style-verde-btn-outline .wp-block-button__link:hover {
  background-color: rgba(113, 175, 46, 0.08);
}

/* 3) verde-btn-link */
.wp-block-button.is-style-verde-btn-link .wp-block-button__link {
  background: transparent;
  color: #71AF2E;
  border: 0;
  padding: 0;                 /* link não costuma ter “cara de botão” */
  border-radius: 0;
  text-decoration: underline;
}
.wp-block-button.is-style-verde-btn-link .wp-block-button__link:hover {
  filter: brightness(0.85);
}

/* 4) amarelo-btn */
.wp-block-button.is-style-amarelo-btn .wp-block-button__link {
  background-color: #FDD617;
  color: #FFFFFF;
  border: 0;
}
.wp-block-button.is-style-amarelo-btn .wp-block-button__link:hover {
  filter: brightness(0.95);
}

/* 5) amarelo-btn-outline */
.wp-block-button.is-style-amarelo-btn-outline .wp-block-button__link {
  background-color: #FFFFFF;
  color: #FDD617;
  border: 2px solid #FDD617;
}
.wp-block-button.is-style-amarelo-btn-outline .wp-block-button__link:hover {
  background-color: rgba(253, 214, 23, 0.12);
}

/* 6) amarelo-btn-link */
.wp-block-button.is-style-amarelo-btn-link .wp-block-button__link {
  background: transparent;
  color: #FDD617;
  border: 0;
  padding: 0;
  border-radius: 0;
  text-decoration: underline;
}
.wp-block-button.is-style-amarelo-btn-link .wp-block-button__link:hover {
  filter: brightness(0.9);
}