.et-menu .menu-button a {
    border: 1px solid rgba(255,255,255,0.85);
    padding: 10px 24px !important;
    margin-left: 20px;
    position: relative;
    top: -10px;
    transition: all 0.3s ease;
}

.et-menu .menu-button a:hover {
    background: #fff;
    color: #000 !important;
}

/* Adjust width of dropdown menus */

/*set the Divi menu dropdown auto width*/

@media only screen and (min-width: 981px) {
  .nav li ul {
    width: fit-content;
    display: flex;
    flex-direction: column;
  }

  .nav li li {
    white-space: nowrap;
  }

  .nav li li a {
    width: auto !important;
  }
}

/* Adjust position of 3rd-level dropdown menus */

@media only screen and (min-width: 981px) {
  .nav li ul ul {
    margin-left: 0px;
    /* Adjust this value to move the 3rd menu to the right */
    top: 0;
    /* Keep the 3rd dropdown aligned vertically */
  }
}