/**
 * Site actions CSS owner.
 *
 * Direct first-party owner. Edit this file itself; no generated delivery copy exists.
 * Native and route-specific refinements may remain in their named owners.
 */

.cta {
  border: 1px none var(--transparent);
  background-color: var(--core-teal);
  color: var(--white);
  border-radius: 50em;
  justify-content: center;
  align-items: center;
  height: 3.5em;
  margin-left: 0;
  margin-right: .4em;
  padding: .7em 1.4em;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .4s cubic-bezier(.25, .46, .45, .94), box-shadow .4s cubic-bezier(.363, .126, .45, .94);
  display: flex;
  position: relative;
  box-shadow: inset 0 0 #00a2ff00, inset 0 0 #0073ff00, 0 10px 10px -5px #0000000d;
}

.cta:hover {
  box-shadow: inset -15px 13px 30px #006163, inset 20px -55px 30px #12bec2, 0 10px 10px -5px #0000000d;
}

.cta._2 {
  z-index: 3;
  background-color: #ee751e;
  border-style: none;
  position: relative;
}

.cta._2:hover {
  box-shadow: inset -15px 13px 30px 0 var(--forensic-orange), inset 20px -55px 30px 0 #f8ab53, 0 10px 10px -5px #0000000d;
}

.cta._2.no-right-margin {
  margin-right: 0;
}

.cta._2.no-right-margin.top-margin {
  margin-top: 16px;
}

.cta._4 {
  border-color: var(--secure-slate);
  background-color: var(--stone);
  color: var(--black);
}

.cta._4:hover {
  outline-color: var(--white-60);
  outline-offset: 0px;
  color: var(--white);
  outline-width: 1px;
  outline-style: solid;
  box-shadow: inset -15px 13px 30px #0061630f, inset 20px -55px 30px -20px #ee751ec4, 0 10px 10px -5px #e1e1e10d;
}

.cta._4.none {
  display: none;
}

.cta.dropdown {
  padding-left: 0;
  padding-right: 0;
}

.cta.big {
  border-color: var(--secure-slate);
  background-color: var(--stone);
  color: var(--black);
  padding: 1.7em;
  font-size: 1rem;
}

.cta.big:hover {
  outline-color: var(--white-60);
  outline-offset: 0px;
  color: var(--white);
  outline-width: 1px;
  outline-style: solid;
  box-shadow: inset -15px 13px 30px #0061630f, inset 20px -55px 30px -20px #ee751ec4, 0 10px 10px -5px #e1e1e10d;
}

.cta.big.none, .cta.big.mobile.w--current {
  display: none;
}

.cta.big.teal {
  background-color: var(--core-teal);
  color: var(--white);
}

.cta.big.teal:hover {
  outline-color: var(--forensic-orange);
}

.cta._2-copy {
  z-index: 3;
  border-style: solid;
  border-color: var(--white-60);
  background-color: #ee751e;
  position: relative;
}

.cta._2-copy:hover {
  box-shadow: inset -15px 13px 30px 0 var(--forensic-orange), inset 20px -55px 30px 0 #f8ab53, 0 10px 10px -5px #0000000d;
}

.cta._2-copy.vantage {
  background-color: var(--black);
  border-style: solid;
  border-color: #f8f7f326;
  height: auto;
}

.cta._2-copy.no-right-margin {
  margin-right: 0;
}

.cta.top-margin {
  margin-top: 16px;
}

.cta._5 {
  background-color: var(--secure-slate);
}

.cta._5:hover {
  box-shadow: inset -15px 13px 30px #00393a, inset 20px -55px 30px #006668, 0 10px 10px -5px #0000000d;
}

@media screen and (max-width: 991px) {
  .cta._2.no-right-margin, .cta._2-copy.no-right-margin {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .cta {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .cta.big.mobile.w--current {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .cta.big.desktop, .cta.big.desktop.w--current {
    display: none;
  }
}