.rsssl {
  .rsssl-email {
    button.button {
      display:flex;
    }
  }
  a.button, button.button, input.button, span.button {
    font-size: var(--rsp-fs-300);
    font-weight: 400;
    transition: all 0.3s ease;
    min-height: 10px;

    &.button-secondary, &.button-default{
      background: transparent;
    }
    .rsssl-icon {
      padding-top: 7px;
      padding-left: 7px;
    }
    &.button-black {
      border: 1px solid var(--rsp-black);
      background: var(--rsp-black);
      color: var(--rsp-text-color-white);

      &:hover, &:focus, &:active {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsp-black);
      }
    }

    &.button-tertiary, &.button-red {
      border: 0 solid transparent;
      background: var(--rsp-red);
      color: var(--rsp-text-color-white);

      &:hover, &:focus, &:active {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsp-red);
        background: var(--rsp-red);
        color: var(--rsp-text-color-white);
      }
    }
  }
}

.rsssl {
  a.rsssl-button-small, button.rsssl-button-small, input.rsssl-button-small {
    font-size: var(--rsp-fs-100);
    font-weight: 300;
    min-height: auto;
  }
  //on the dashboard, keep a minimum distance between two buttons
  .rsssl-button-small + .rsssl-button-small{
    margin-left:10px;
  }
}
/* Documents overview */
.rsssl-shortcode {
  right: 10000px;
  position: absolute;
  background-color: #fff;
  padding: 0;
  white-space: nowrap;
}

.shortcode {
  cursor: pointer;
}

.rsssl-action-buttons {
  display: flex;
  justify-content: space-between; /* or 'flex-start' if you don't want space between them */
}

.rsssl-action-buttons__inner {
  margin-right: 10px; /* adjust as needed */
}

/* Remove margin for the last button to ensure clean alignment */
.rsssl-action-buttons__inner:last-child {
  margin-right: 0;
}