Имитация клика

[ultrahomie]

Есть iframe кнопка оплаты яндекс денег

<iframe src="https://money.yandex.ru/quickpay/button-widget?targets=%D0%9E%D0%BF%D0%BB%D0%B0%D1%82%D0%B0&default-sum=2000&button-text=11&any-card-payment-type=on&button-size=l&button-color=orange&successURL=&quickpay=small&account=410012872088605&" width="227" height="48" frameborder="0" allowtransparency="true" scrolling="no"></iframe>

Хотелось бы обернуть её в свой стиль, натянув по верх iframe вот такой спан

<span class="button">Оплатить</span>

Помогите пожалуйста с реализацией клика по iframe, при клике по спану.

[Nexus]

По самому фрейму кликнуть можно, по его контенту кликнуть не получится.

[ruslan_mart]

<style>
.wrapper {
  display: inline-block;
  position: relative;
}
.wrapper iframe {
  border: none;
  height: 100%;
  opacity: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.button {
  background: green;
  color: #FFF;
  display: inline-block;
  padding: 10px 20px;
}
</style>

<div class="wrapper">
  <iframe src="https://money.yandex.ru/quickpay/button-widget?targets=%D0%9E%D0%BF%D0%BB%D0%B0%D1%82%D0%B0&default-sum=2000&button-text=11&any-card-payment-type=on&button-size=l&button-color=orange&successURL=&quickpay=small&account=410012872088605&" scrolling="no"></iframe>
  <span class="button">Перевести</span>
</div>