.c-button-secondary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  line-height: 16px;
  padding: 9px 15px;
  position: relative;
  text-decoration: none;
}

.c-button-tertiary {
  cursor: pointer;
  display: block;
  padding: 9px 15px;
  position: relative;
  text-decoration: none;
  width: fit-content;
}

.btn-teal {
  border: 1px solid #0078ae;
  background: #0078ae;
  color: #fff;
  height: fit-content;
}
.btn-teal:hover, .btn-teal:focus {
  border: 2px solid #005b84 !important;
  background: #005b84 !important;
  color: #fff;
}
.btn-teal.c-button--added-to-cart {
  border: 1px solid #fff;
  background: #7ab9d5;
  color: #080808;
}
.btn-teal.c-button--added-to-cart:hover, .btn-teal.c-button--added-to-cart:focus {
  cursor: default;
  border: 1px solid #fff;
  background: #7ab9d5 !important;
  color: #080808 !important;
}

.btn-orange {
  border: 1px solid #ffbe2e;
  background-color: #ffbe2e;
  color: #080808 !important;
}
.btn-orange:hover, .btn-orange:focus {
  border: 1px solid #d0981c;
  background: #d0981c !important;
}

.btn-dark-blue {
  border: 1px solid #fff;
  background: #003e67;
  color: #fff !important;
  height: fit-content;
  width: fit-content;
}
.btn-dark-blue:hover, .btn-dark-blue:focus {
  border: 1px solid #fff !important;
  background: #0078ae !important;
  color: #fff;
}

.btn-blue {
  border: 1px solid #fff;
  background: #005b84;
  color: #fff;
  height: fit-content;
}
.btn-blue:hover, .btn-blue:focus {
  border: 1px solid #fff !important;
  background: #003e67 !important;
  color: #fff;
}

.btn-green {
  border: 1px solid #fff;
  background: #477326;
  color: #fff !important;
  height: fit-content;
  width: fit-content;
}
.btn-green:hover, .btn-green:focus {
  border: 1px solid #fff !important;
  background: #314f1a !important;
  color: #fff;
}

.btn-white {
  border: 1px solid #3d7ca5;
  background: #fff;
}
.btn-white:hover, .btn-white:focus {
  border: 2px solid #3d7ca5;
}

.btn-start,
.btn-create,
.btn-import,
.btn-forward,
.btn-backward,
.c-button--add-to-cart,
.c-button--added-to-cart,
.review-ignore-cm,
.review-undo-ignore-cm,
.btn-export,
.review-delete-tech {
  padding-right: 41px;
}
.btn-start::after,
.btn-create::after,
.btn-import::after,
.btn-forward::after,
.btn-backward::after,
.c-button--add-to-cart::after,
.c-button--added-to-cart::after,
.review-ignore-cm::after,
.review-undo-ignore-cm::after,
.btn-export::after,
.review-delete-tech::after {
  background-image: url("../images/pencil-icon.svg");
  opacity: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
}

.btn-backward {
  padding-left: 31px;
  padding-right: 15px;
  font-weight: 400;
}
.btn-backward::after {
  background-image: url("../images/chevron-left-teal.svg");
  left: 0;
}

.btn-import::after {
  background-image: url("../images/download.svg");
}

.btn-forward {
  padding-right: 31px;
  font-weight: 600;
}
.btn-forward::after {
  background-image: url("../images/chevron-right.svg");
}

.c-button--add-to-cart {
  padding-right: 31px;
}
.c-button--add-to-cart::after {
  background-image: url("../images/add.svg");
}

.c-button--added-to-cart {
  display: none;
  padding-right: 31px;
}
.c-button--added-to-cart::after {
  background-image: url("../images/checkmark2.svg");
}

.review-ignore-cm,
.review-undo-ignore-cm {
  padding: 5px 33px 5px 12px;
  border: 1px solid #fa9441;
  height: fit-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
.review-ignore-cm::after,
.review-undo-ignore-cm::after {
  background-image: url("../images/shield.svg");
  right: 12px;
  width: 12px;
  background-size: auto;
}
.review-ignore-cm:hover,
.review-undo-ignore-cm:hover {
  background: #fa9441;
  border: 1px solid #fa9441;
}

.review-undo-ignore-cm {
  font-weight: 600;
}
.review-undo-ignore-cm::after {
  background-image: url("../images/add.svg");
  filter: brightness(0);
}

.review-delete-tech {
  padding: 5px 35px 5px 12px;
  border: 1px solid #c41230;
  height: fit-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
.review-delete-tech::after {
  background-image: url("../images/close.svg");
  right: 12px;
  width: 12px;
  background-size: auto;
}
.review-delete-tech:hover {
  background: #c41230;
  color: #fff;
  border: 1px solid #c41230;
}
.review-delete-tech:hover::after {
  filter: invert(1);
}

.btn-export {
  padding-right: 31px;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
}
.btn-export::after {
  background-image: url("../images/export.svg");
}

.remove-btn {
  cursor: pointer;
}

.ui-widget .export-details button {
  font-size: 14px;
  font-family: inherit;
}
