.action-menu[mode="md"] {
  margin: 0;

  .action-menu-backdrop.active {
    background-color: rgba(0,0,0,0.2);
  }


  .action-menu-container {
    margin: 0;
  }

  .action-menu-title,
  .action-menu-option,
  .action-menu-destructive,
  .action-menu-cancel button
  {
    text-align: left;
    border-color: transparent;
    font-size: 16px;
    color: inherit;
    box-shadow: none;

    .icon {
      display: inline-block;
      width: 22px;
      text-align: center;
      vertical-align: middle;
      font-size: 24px;

      margin: 0 32px 0 16px; // gap on right, standard left padding
    }
  }

  .action-menu-title {
    font-size: 16px;
    padding: 16px;
    color: #666;
  }


  .action-menu-option.activated {
    background: #e8e8e8;
  }

  .action-menu-group {
    margin: 0;
    border-radius: 0;
    background-color: #fafafa;
  }

  .action-menu-cancel {
    background-color: #fafafa;
    width: auto;
    border: none;
    font-size: 16px;
    color: inherit;
    button {
      font-weight: normal;
    }
  }

  .action-menu-has-icons {

    button,
    [button] {
      padding-left: 56px;
    }

  }
}