.input-group {
  display: flex;
  flex-direction: column;
  gap: var(--block-space-half);
  width: 100%;

  label {
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-medium);
  }

  input {
    border-radius: var(--radius-small);
    border: 1px solid black;
    display: flex;
    padding: 8px 15px;
    align-items: center;
    gap: 8px;
  }

  &:has(svg) {
    span {
      position: relative;
    }

    input {
      width: 100%;
    }

    svg {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      margin-right: var(--inline-space);
    }
  }
}