﻿button.carousel-control-next:focus-visible .carousel-control-next-icon,
button.carousel-control-prev:focus-visible .carousel-control-prev-icon {
  border: 4px solid grey;
}

.btn {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.btn-address-lookup {
  background: white;
  border: 1px solid black;
  border-radius: 0px;
  margin-top: 10px;
  padding: 10px 20px;
  font-weight: 600;
}

.btn.btn-primary {
    background: var(--waa-green);
    border-radius: 28px;
    border: 0.094rem solid var(--waa-green);
    color: white;
    border: 0;
    padding: 10px 28px 10px 28px;
    font-weight: var(--waa-font-bold);
    position: relative;
    text-align: center;
    font-size: 18px;
}

    .btn.btn-primary:hover {
        background: var(--waa-dark-grey);
    }

.btn.btn-primary.btn-shadow {
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.29);
}

.btn.btn-primary.greenbtn {
  background: var(--waa-green);
  color: var(--waa-white);
  border-color: var(--waa-green) !important;
}

/* .btn.btn-primary.greenbtn:after {
  content: var(--waa-btn-arrow-white);
  transition: all 0.2s ease-in-out;
} */

.btn.btn-primary.greenbtn:hover {
  background: var(--waa-white);
  color: var(--waa-dark-grey);
  border-color: var(--waa-white) !important;
}

/* .btn.btn-primary.greenbtn:hover:after {
  content: var(--waa-btn-arrow-dark);
  transition: all 0.2s ease-in-out;
} */

/* .btn.btn-primary::after {
  position: absolute;
  content: var(--waa-btn-arrow-dark);
  height: 20px;
  width: 20px;
  margin-left: 5px;
  margin-top: 1px;
  transition: all 0.2s ease-in-out;
} */

.btn.btn-primary:disabled {
  opacity: 0.3;
}


.btn.btn-primary:hover ~ .card-title,
.btn.btn-primary:hover ~ .card-text {
  text-decoration: underline;
}

/* .btn.btn-primary:hover:after {
  margin-left: 12px !important;
  content: var(--waa-btn-arrow-white);
  transition: all 0.2s ease-in-out;
} */

.center-button .btn-wrapper {
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 991px) {
    .btn {
        font-size: 18px!important;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }
}

@media (min-width: 1280px) {
  .btn.btn-primary {
    padding: 10px 28px 10px 28px;
  }
}
