.input {
  position: relative;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: rgba(56, 124, 68, 0.1);

  .inputField {
    background: transparent;
    padding: 12px 16px;
    min-height: 120px;
    resize: vertical;

    &:focus {
      box-shadow: none;
    }
  }

  .inputIconLeft,
  .inputIconRight {
    position: absolute;
    top: 12px;
    z-index: 10;
    border: none;
    background: transparent;

    img {
      width: 20px;
      height: 20px;
      object-fit: contain;
    }
  }

  .inputIconLeft {
    top: 8px;
    left: 10px;
    & + .inputField {
      padding-left: 48px;
    }
  }

  .inputIconRight {
    right: 16px;
    cursor: pointer;
  }
}