.productcomparediv {
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.td1 {
  text-align: center;
  color: #000;
  font-size: 32px;
  line-height: 34px;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  font-family: SF Pro Text
}

.td2 {
  text-align: center;
  color: #595959;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-family: SF Pro Text
}

.PageConnectedDiv {
  text-align: center
}

.td3 {
  font-family: var(--font-body-family);
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -.02rem !important;
  padding: 16px 32px;
  background-color: var(--color-primary-bt-bg) !important;
  color: var(--color-primary-bt-label) !important;
  border-color: var(--color-primary-bt-bg) !important;
  border-width: 1.4px !important;
  height: 52px
}

.button--primary:hover {
  background-color: var(--color-primary-bt-hover) !important;
  border-color: var(--color-primary-bt-hover) !important
}

.productCompareHeading {
  font-family: var(--font-body-family);
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  line-height: 28.64px;
  letter-spacing: -.02rem;
  vertical-align: top
}

@media only screen and (max-width: 767px) {
  .MoreInfoLink {
    padding: 12px 0 8px !important
  }

  .seedkit-component-standalone a.ac-modal-trigger.MoreInfoLink:has(.billboard_icon):hover:after, .seedkit-component-standalone a.ac-modal-trigger.MoreInfoLink:has(.billboard_icon):focus:after {
    display: block;
    position: absolute;
    bottom: 8px;
    left: 0;
    content: "";
    width: calc(100% - 16px);
    height: .1rem;
    background-color: var(--color-link-dynamic-hover)
  }

  .PageConnectedDiv {
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .td3 {
    width: 100%
  }

  .productcomparediv {
    margin: 40px 16px 0;
    padding: 32px 16px !important
  }

  .productCompareHeading {
    font-size: 24px !important;
    line-height: 28.64px !important
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .PageConnectedDiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 40px
  }

  .productcomparediv {
    margin-bottom: 0;
    margin-top: 40px;
    padding: 32px 0 !important;
    max-width: 600px
  }

  .td2 {
    letter-spacing: -.02rem
  }
}

@media only screen and (min-width: 1025px) {
  .PageConnectedDiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 40px
  }

  .productcomparediv {
    text-align: center;
    margin-bottom: 0;
    margin-top: 68px;
    padding: 32px 0;
    max-width: 1018px
  }

  .td2 {
    letter-spacing: -.02rem
  }
}

.MoreInfoLink {
  flex-direction: row;
  justify-content: center;
  color: var(--color-primary-bt-bg) !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -.02rem !important;
  font-family: SF Pro Text;
  padding: 12px 0
}

.MoreInfoLink .billboard_icon {
  margin-left: 8px
}