.M-ConversionBar {
  margin-top: 0.75rem;
}
@media only screen and (min-width: 768px) {
  .M-ConversionBar {
    margin-top: 0;
  }
}
.M-ConversionBar.-bg-color-contrast {
  color: var(--accent-major__enabled__default__front);
}
.M-ConversionBar.-bg-color-contrast .a-link--button a {
  border: 1px solid var(--accent-major__enabled__default__front);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-blue {
  background-color: var(--emphasis-blue-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-green {
  background-color: var(--emphasis-green-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-purple {
  background-color: var(--emphasis-purple-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-turquoise {
  background-color: var(--emphasis-turquoise-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-contrast .a-link--button-secondary {
  border-color: var(--base-major__enabled__default__front);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-blue .a-link--button a {
  color: var(--emphasis-blue-major__enabled__default__front);
  background-color: var(--emphasis-blue-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-blue .a-link--button a:hover {
  color: var(--emphasis-blue-major__enabled__hovered__front);
  background-color: var(--emphasis-blue-major__enabled__hovered__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-blue .a-link--button-secondary a {
  color: var(--emphasis-blue-nested-major__enabled__default__front);
  background-color: var(--emphasis-blue-nested-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-blue .a-link--button-secondary a:hover {
  color: var(--emphasis-blue-nested-major__enabled__hovered__front);
  background-color: var(--emphasis-blue-nested-major__enabled__hovered__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-green .a-link--button a {
  color: var(--emphasis-green-major__enabled__default__front);
  background-color: var(--emphasis-green-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-green .a-link--button a:hover {
  color: var(--emphasis-green-major__enabled__hovered__front);
  background-color: var(--emphasis-green-major__enabled__hovered__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-green .a-link--button-secondary a {
  color: var(--emphasis-green-nested-major__enabled__default__front);
  background-color: var(--emphasis-green-nested-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-green .a-link--button-secondary a:hover {
  color: var(--emphasis-green-nested-major__enabled__hovered__front);
  background-color: var(--emphasis-green-nested-major__enabled__hovered__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-purple .a-link--button a {
  color: var(--emphasis-purple-major__enabled__default__front);
  background-color: var(--emphasis-purple-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-purple .a-link--button a:hover {
  color: var(--emphasis-purple-major__enabled__hovered__front);
  background-color: var(--emphasis-purple-major__enabled__hovered__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-purple .a-link--button-secondary a {
  color: var(--emphasis-purple-nested-major__enabled__default__front);
  background-color: var(--emphasis-purple-nested-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-purple .a-link--button-secondary a:hover {
  color: var(--emphasis-purple-nested-major__enabled__hovered__front);
  background-color: var(--emphasis-purple-nested-major__enabled__hovered__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-turquoise .a-link--button a {
  color: var(--emphasis-turquoise-major__enabled__default__front);
  background-color: var(--emphasis-turquoise-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-turquoise .a-link--button a:hover {
  color: var(--emphasis-turquoise-major__enabled__hovered__front);
  background-color: var(--emphasis-turquoise-major__enabled__hovered__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-turquoise .a-link--button-secondary a {
  color: var(--emphasis-turquoise-nested-major__enabled__default__front);
  background-color: var(--emphasis-turquoise-nested-major__enabled__default__fill);
}
.M-ConversionBar.-bg-color-contrast.-bg-color-turquoise .a-link--button-secondary a:hover {
  color: var(--emphasis-turquoise-nested-major__enabled__hovered__front);
  background-color: var(--emphasis-turquoise-nested-major__enabled__hovered__fill);
}
.M-ConversionBar__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 2rem;
  row-gap: 1rem;
  min-height: 4.5rem;
  padding-block: 1rem;
}
@media only screen and (min-width: 768px) {
  .M-ConversionBar__container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.M-ConversionBar__productName {
  font-weight: bold;
}
.M-ConversionBar__productName__description {
  font-weight: normal;
}
.M-ConversionBar__buttons {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  white-space: nowrap;
  flex-wrap: wrap;
  font-size: 0;
}
@media only screen and (min-width: 768px) {
  .M-ConversionBar__buttons {
    width: auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}
.M-ConversionBar__buttons .a-link {
  font-size: 1rem;
}
.M-ConversionBar.-align-center .M-ConversionBar__container {
  justify-content: center;
  gap: 0.5rem;
}
/*# sourceMappingURL=conversionbar.css.map */