我在我的網站(https://opbucks.com/start-earning)上有一個由重力表格生成的表格。我很喜歡某個特定領域的造型和動畫，選擇題(男或女)，但是現在我想轉到WPForms。

我在這個頁面上用WPForms創建了一個新表單:https://op bucks . com/make-money-online-with-payed-surveys-copy/。然而，在這個新的WPForms表單中，我很難從Gravity表單復制多項選擇字段的樣式和動畫。

有人能指導我如何在WPForms中為多選字段實現這種特定的樣式和動畫嗎？任何幫助都將不勝感激。

注意:我現在只對復制多項選擇字段的樣式和動畫感興趣。在提供您有價值的解決方案時，請考慮這種特殊性。

這是重力窗體的樣式和動畫的css代碼，我在使它與wpforms一起工作時遇到了問題:

.gform-body .field_description_below .ginput_complex {
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
margin-right:auto;
margin-left:auto;
}

.gform_page 
    .gfield_label {
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
margin-right:auto;
margin-left:auto;
}

.custom-border {  
  border-color: #1E88E5;  
  border-width: 1px;  
  border-style:solid;
  border-radius: 5px;
  background-color: #f6fbfd;
}  

@media only screen and (max-width: 480px) {

    .image-choices-field .image-choices-choice, 
    .gform_wrapper .gfield.image-choices-field li.image-choices-choice {
        width: 40%;
        margin-right: 2% !important;
    }

}