/* Sidebar website button — ONLY inside .okonomitestcard */
.okonomitestcard .krc-website-button-wrapper a,
.okonomitestcard .krc-website-button-wrapper .wp-block-button__link,
.okonomitestcard .krc-website-button-wrapper button {
  color: #ffffff !important;              /* force white text */
  background: #19649e !important;         /* brand blue */
  border-color: #19649e !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.65rem 1.25rem !important;
}

/* Hover/active/focus states — keep text white */
.okonomitestcard .krc-website-button-wrapper a:hover,
.okonomitestcard .krc-website-button-wrapper .wp-block-button__link:hover,
.okonomitestcard .krc-website-button-wrapper button:hover,
.okonomitestcard .krc-website-button-wrapper a:focus,
.okonomitestcard .krc-website-button-wrapper .wp-block-button__link:focus,
.okonomitestcard .krc-website-button-wrapper button:focus,
.okonomitestcard .krc-website-button-wrapper a:active,
.okonomitestcard .krc-website-button-wrapper .wp-block-button__link:active,
.okonomitestcard .krc-website-button-wrapper button:active {
  color: #ffffff !important;
  background: #0f1c2e !important;         /* darker blue on hover */
  border-color: #0f1c2e !important;
  text-decoration: none !important;
  outline: none !important;
}

/* If there’s an icon/SVG inside the button, keep it white too */
.okonomitestcard .krc-website-button-wrapper svg,
.okonomitestcard .krc-website-button-wrapper svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}