// BUTTONS

.btn {
  border: none;
}

.btn-primary {
  color: text-color($primary);

  &:hover {
    background-color: hover-color($primary);
    color: text-color($primary);
  }
}

.btn-secondary {
  color: text-color($secondary);

  &:hover {
    background-color: hover-color($secondary);
    color: text-color($secondary);
  }
}

// TABS

.nav-pills {
  border-bottom: 1px solid $primary;

  .nav-link {
    padding: 15px;

    &.active {
      color: text-color($primary);
    }

    &:hover {
      background: hover-color($primary);
      color: text-color($primary);
    }
  }
}

// CAROUSEL

.carousel {
  .carousel-control-next, .carousel-control-prev {
    color: text-color(background-color($secondary));
    width: 5%;
  }

  .carousel-indicators button {
    background-color: text-color(background-color($secondary));
  }

  .carousel-inner {
    width: 90%;
    left: 5%;
  }
}