info-box-blue {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px var(--petrol-blue-100) solid;
  border-radius: 0.5rem;
  background: var(--info-100);

  >svg {
    flex-shrink: 0;
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0.25rem;
    border-radius: 0.5rem;
    background: var(--petrol-blue-50);
    color: var(--pricefox-primary-color);
  }
  >info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;

    info-title {
      font-weight: 700;
    }
    p {
      margin: 0;
    }
  }
}