Toggler icon without border

Hi team,
i need your help with the style of toggler icon:
1st: actual the toogler icon has a border around. Is it possible without?
2nd: The icon is not in the same heigt with the toogler title. Is it possible to change this?
Many thanks in advance for your help
Alexander

Here´s the code that i use:

/*Accordion Toggle Formats */

.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: #63666a;
}

/* Border of Toggler*/

.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler { border-color: darkgrey white darkgrey white; }

.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_content{
border-top: 10 !important;
border-bottom: 0 !important;
}

.js_active .toggler {
font-size: 16px;
line-height: 35px;
color: black !important;
font-family: Open Sans;
}

.main_color .toggler {
background: white;
color: white;
}

.main_color .toggler:hover {
color: white;
background: white;
}

.toggler, .main_color .toggler.activeTitle:hover {
background: white;
color: white;
}

.main_color .toggle_content {
font-size: 14px;
font-family: Open Sans;
background: #f2f2f2;
}
.av_toggle_section .toggler {
color:#63666a!important;
}
.av_toggle_section .toggler:hover {
color:#c7af77!important;
}