.pro-tip-block {
  position: relative;
  padding: 0.875rem 2rem;
  border-radius: 8px;
  background-color: #F5FFF5;
  color: #1B4417;
  margin-block: 2rem;
}

@media (min-width: 768px) {
  .pro-tip-block {
    margin-block: 3rem;
  }
}

.pro-tip-block::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  background: linear-gradient(270deg, #69DDB3 4.64%, #63C07D 100%);
}

body .pro-tip-block p {
  margin: 0;
  font-size: 1.25rem;
}

.pro-tip-block .pro-tip-block-title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: .5rem;
}