.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
  }

  /* Yellow button */
  .btn-yellow {
    background-color: #F5C518;
    color: #1a5c3a;
    border: 2px solid transparent;
  }

  .btn-yellow:hover {
    background-color: #f0bb00;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(245, 197, 24, 0.35);
  }

  /* Transparent outline button */
  .btn-outline {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
  }

  .btn-outline:hover {
    background-color: rgba(255, 255, 255, 0.12);
    transform: translateY(-1px);
  }
/* Remove uppercase — just delete text-transform or set it to none */
.btn {
  text-transform: none; /* ← was missing before */
  border-radius: 50px;  /* ← pill shape to match your design */
}

/* White border outline button */
.btn-outline {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff; /* ← white, not green */
}
.btn-outline {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}
.btn {
  text-transform: capitalize !important;

}
/* White text only for ev3 slick academic stages carousel */
.paragraph--view-mode--ev3-cards-default .field--name-field-bp-card-text p,
.paragraph--view-mode--ev3-cards-default .field--name-field-bp-card-text strong {
  color: #ffffff !important;
}