<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Layout – mygtukai stulpelyje, visi vienodo pločio */
.equal-buttons-column.wp-block-buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;

  /* ✅ vienoje vietoje keičiamas “temos” atspalvis grupei */
  --btn-bg: #399e97;            /* pagrindinis fonas */
  --btn-bg-hover: #279080;      /* hover fonas (tamsesnis) */
  --btn-color: #ffffff;         /* teksto spalva */
  --btn-shadow: 0 2px 10px rgba(0,0,0,.06);
  --btn-shadow-hover: 0 6px 18px rgba(0,0,0,.15);
}

/* kiekvienas mygtukas užima pilną plotį */
.equal-buttons-column.wp-block-buttons > .wp-block-button { width: 100%; }

/* visų mygtukų išvaizda (grupėje) */
.equal-buttons-column.wp-block-buttons > .wp-block-button > .wp-block-button__link {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 28px;
  border-radius: 9999px;
  font-weight: 600;
  text-decoration: none;
  background: var(--btn-bg) !important;
  color: var(--btn-color) !important;
  border: 0 !important;
  box-shadow: var(--btn-shadow);
  transition: background-color .2s ease, transform .18s ease, box-shadow .18s ease, color .2s ease;
}

.equal-buttons-column.wp-block-buttons > .wp-block-button > .wp-block-button__link:hover {
  background: var(--btn-bg-hover) !important;
  transform: translateY(-1px);
  box-shadow: var(--btn-shadow-hover);
}

/* aiškus focus žiedas klaviatūrai */
.equal-buttons-column.wp-block-buttons > .wp-block-button > .wp-block-button__link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--btn-bg) 35%, white);
  outline-offset: 3px;
}
</style>
<!-- end Simple Custom CSS and JS -->