/* =========================
   Button Component
========================= */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 20px;
  border-radius: 999px;

  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;

  border: 1px solid transparent;
  transition: all 0.25s ease;
}

/* Variants */
.btn--primary {
  background: #001f3f;
  color: #ffffff;
}

.btn--primary:hover {
  background: #003366;
}

.btn--outline {
  background: transparent;
  border-color: #001f3f;
  color: #001f3f;
}

.btn--outline:hover {
  background: #001f3f;
  color: #ffffff;
}

.btn--danger {
  background: #be040d;
  color: #ffffff;
}

.btn--danger:hover {
  background: #a1030b;
}

/* Sizes */
.btn--sm {
  padding: 6px 14px;
  font-size: 12px;
}

.btn--lg {
  padding: 14px 28px;
  font-size: 15px;
}

a.cta_blue  {
  border: 1px solid #001f3f ;

      background-color:#001F3F;
    color: #ffffff;
      display: block;
  text-align: center;
  padding: 12px;
  margin: 12px;
  border-radius: 999px;
  font-weight: 700;
}
a.cta_blue:hover {
      background-color:#03468a;
    color: #ffffff;
}