/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
.component-card-with-links {
  border: 1px solid #ccc; }
  .component-card-with-links figure {
    margin: 0; }
    .component-card-with-links figure img {
      width: 100%; }
  .component-card-with-links .card-content {
    padding: 1.875rem 0; }
    .component-card-with-links .card-content .h2 {
      margin: 0.9375rem 0; }
      @media (max-width: 991.98px) {
        .component-card-with-links .card-content .h2 {
          font-size: 1.375rem; } }
    .component-card-with-links .card-content .h3:hover {
      color: #000; }
    .component-card-with-links .card-content .card-text {
      margin-bottom: 0.625rem; }
      .component-card-with-links .card-content .card-text:hover {
        cursor: default; }
      @media (max-width: 991.98px) {
        .component-card-with-links .card-content .card-text {
          padding: 0 1.5rem; } }
      @media (min-width: 992px) {
        .component-card-with-links .card-content .card-text {
          margin-left: auto;
          margin-right: auto; } }
      @media (min-width: 992px) and (max-width: 1199.98px) {
        .component-card-with-links .card-content .card-text {
          min-height: 3.1875rem; } }
    .component-card-with-links .card-content .card-button {
      margin-bottom: 0.625rem; }
      .component-card-with-links .card-content .card-button:hover {
        color: #000 !important; }
  .component-card-with-links__links {
    border-top: 1px solid #ccc;
    margin: 0 auto; }
    .component-card-with-links__links a {
      text-align: center;
      background-color: #F5F5F5;
      text-decoration: none;
      padding: 1.16rem 0;
      font-weight: bold; }
      .component-card-with-links__links a:first-of-type {
        border-right: 1px solid #ccc; }
      .component-card-with-links__links a:hover {
        color: #fff !important;
        background-color: #071D49; }