How to Create Call to Action Button in the Divi Default Menu

 

@media (min-width: 980px) {
.menu_cta {
padding: 0!important;
border-radius: 30px;
border: solid 2px #fff;
transition: 0.3s;
}
.menu_cta a{
color: #fff!important;
padding: 15px 30px 15px 30px!important;
}

#top-menu-nav .menu_cta a:hover {
opacity: 1;
}

.menu_cta:hover {
border: solid 2px #fe8400;
background: #fe8400;
}
}

===============
@media (min-width: 980px) {
.menu_cta {
padding: 0!important;
border-radius: 30px;
border: solid 2px #fe8400;
background: #fe8400;
transition: 0.3s;
}
.menu_cta a{
color: #fff!important;
padding: 5px 30px 5px 30px!important;

}

#top-menu-nav .menu_cta a:hover {
opacity: 1;
}

.menu_cta:hover {
border: solid 2px #fe8400;
background: #000000;
}
}
=====================

@media (min-width: 980px) {
.menu_cta {
background-color: #ff6900;
color: #fff;
padding: 0 !important;
}
.menu_cta a {
color: #fff !important;
padding: 10px 15px 10px 35px !important;
}

.menu_cta a:before {
content: '\e090';
color: #fff;
font-family: 'ETmodules';
font-size: 16px;
line-height: 1;
position: absolute;
left: 12px;
}
}

https://wpzone.co/wordpress-and-divi-code-snippets/create-call-to-action-button-in-the-divi-menu/ 
@media (min-width: 980px) {
.menu_cta {
padding: 0!important;
border-radius: 30px;
border: solid 2px #fff;
transition: 0.3s;
}
.menu_cta a{
color: #fff!important;
padding: 15px 30px 15px 30px!important;
}

#top-menu-nav .menu_cta a:hover {
opacity: 1;
}

.menu_cta:hover {
border: solid 2px #fe8400;
background: #fe8400;
}
}