Стили CSS (доработать код кнопки)

Есть кнопка на сайте, у которой фигурный стиль. Нужно для этого фигурного стиля сделать градиент у бордюра так, чтобы градиент ложился ровно по фигуре кнопки (градиент только бордюра). Градиент нужен из двух цветов (с возможностью их смены). Сама кнопка должна остаться точно такой же как и была. Если кто сможет выполнить данную задачу, прошу откликнуться.

Код кнопки:

.myButtonP{-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);background:linear-gradient(160deg, #E0E0E0, #F2F2F2, #FFFFFF, #FFFFFF, #FFFFFF, #F2F2F2, #E0E0E0);-webkit-border-top-left-radius:26px;-moz-border-radius-topleft:26px;border-top-left-radius:26px;-webkit-border-top-right-radius:6;-moz-border-radius-topright:6;border-top-right-radius:6;border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:26px;-moz-border-radius-bottomright:26px;border-bottom-right-radius:26px;-webkit-border-bottom-left-radius:6;-moz-border-radius-bottomleft:6;border-bottom-left-radius:6;border-top-right-radius:6px;text-indent:0; border:1px solid #CEDD80; display:inline-block;color:#B900B9;font-family:Tahoma;font-size:17.3px;font-weight:400;font-style:normal;height:32px;line-height:32px;width:140px;text-decoration:none;text-align:center;text-shadow:0px 1px 0px #E4E4E4;}.myButtonP:hover{background-color:#ebebeb}.myButtonP:active{position:relative;top:1px}