download button

<div class="tp-center"> <a class="tp-btn tp-icon-download" href="#">Google Drive</a> <a class="tp-btn bg-red tp-icon-download" href="#">Mediafire</a> </div> <style type="text/css"> .tp-center{text-align:center} .tp-btn{display:inline-block;height:40px;background:linear-gradient(135deg,rgb(14,186,195) 0%,rgb(9,210,97) 100%);color:#fff;font-weight:600;font-size:14px;line-height:40px;border-radius:50px;padding:0 20px;box-shadow:rgb(255,255,255) 0 5px 14px -7px;text-align:center;text-decoration:none!important;cursor:pointer;transition:all .0s ease;border:none;margin-block-start:20px} .tp-btn.bg-red{background:linear-gradient(135deg,rgb(237,11,11) 0%,rgb(242,209,82) 100%)} .tp-btn[disabled]{opacity:.5} .tp-btn:not([disabled]):hover{opacity:.9} .tp-btn.tp-icon-download:before,.tp-btn.tp-icon-download:after{content:'';display:inline-block;height:18px;width:18px;vertical-align:middle;margin:-2px 3px 0 0;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='2.4' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'><path d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2'></path><path d='M7 11l5 5l5 -5'></path><path d='M12 4l0 12'></path></svg>") center / 18px no-repeat} .tp-btn.tp-icon-download:after{margin:-2px 0 0 7px} </style>