/* 
 * Button Styles for Stradiax Website
 * Contains all button and call-to-action styles
 */

/* Override Bootstrap's btn-success with Stradiax blue */
.btn-success {
  background-color: #29a8df !important;
  border-color: #29a8df !important;
  color: #fff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #1c8fc3 !important;
  border-color: #1c8fc3 !important;
  color: #fff !important;
}

/* Button with arrow */
.btn-success .ms-1 {
  display: inline-block;
  transition: transform 0.2s;
}

.btn-success:hover .ms-1 {
  transform: translateX(4px);
}

/* Outline variant */
.btn-outline-success {
  color: #29a8df !important;
  border-color: #29a8df !important;
  background-color: transparent !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  color: #fff !important;
  background-color: #29a8df !important;
  border-color: #29a8df !important;
}

/* Primary buttons (if used) */
.btn-primary {
  background-color: #002855 !important; /* Dark blue from logo */
  border-color: #002855 !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #001c3d !important;
  border-color: #001c3d !important;
}

/* Outline primary variant */
.btn-outline-primary {
  color: #002855 !important;
  border-color: #002855 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: #002855 !important;
  border-color: #002855 !important;
}