Publishing Html code from our payment site

My Merchant Services gave me this HTML code below to put on our website, I put it in using HTML Iframe on the Wixeditor. The paybutton shows up, but it doesn’t do anything. I’m not sure If i’m putting the code in the wrong place, or if their is something wrong with the code or something on their end?
Thanks for any help.

Pay Now
div#cp21b988d3d1{width: 200px; background-color: #FF9900;}div#cp21b988d3d1:hover{cursor: pointer}div#cp21b988d3d1 * {background-color: #FFAA00;}div#cp21b988d3d1 form{margin:0; padding:0;text-align:center}div#cp21b988d3d1 div.cpwrap {width: 90%;border:0;margin:0 auto;padding: 0px; background-color: #FF9900}div#cp21b988d3d1 button{width: 95%;border:0;margin:0;padding: 3px 0; background-color: #FF9900;text-align: center; color: #FFFFFF; }div#cp21b988d3d1:hover button {text-decoration: underline}div#cp21b988d3d1 button:focus,div#cp21b988d3d1 button:visited,div#cp21b988d3d1 button:active{border:none;outline: none}div#cp21b988d3d1 button {font-size: 16px}div#cp21b988d3d1 div.cpwrap {border-left: 3px solid #FFAA00; border-right: 3px solid #FFAA00}div#cp21b988d3d1 .r-fg{background-color: #FFAA00; border-color: #FFAA00}div#cp21b988d3d1 .r-bg{background-color: white}div#cp21b988d3d1 .r-fg{border-style: solid; border-width: 0px 1px; overflow: hidden; display: block; height: 1px; font-size: 1px}div#cp21b988d3d1 .r-fg-0{margin-left: 1px; margin-right: 1px; border-width: 0px 1px !important; height: 1px !important}div#cp21b988d3d1 .r-fg-1{margin-left: 2px; margin-right: 2px}div#cp21b988d3d1 .r-fg-2{margin-left: 3px; margin-right: 3px}div#cp21b988d3d1 .r-fg-3{margin-left: 5px; margin-right: 5px}