.editor-actions {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
  
    overflow: scroll;
  
    margin-left: 0;
  
    width: 100%;
  
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 15%);
  
    ul {
      list-style-type: none;
  
      display: flex;
      flex-direction: row;
  
      margin: 0;
      padding: 0;
  
      width: 100%;
  
      background-color: var(--gin-bg-layer);
    }
  
    li {
      display: flex;
    }
  
    a {
      font-family:
        Inter,
        -apple-system,
        'Segoe UI',
        Roboto,
        Oxygen-Sans,
        Ubuntu,
        Cantarell,
        'Helvetica Neue',
        sans-serif;
      font-size: 1.3rem;
      color: var(--gin-color-text);
      text-decoration: none;
      text-align: center;
  
      display: flex;
  
      margin: 0;
  
      padding: 1rem 2rem;
  
      background-size: 100% 0% !important;
  
      transition:
        color 0.2s ease-out,
        background-size 0.2s ease-out !important;
  
      &.is-active {
        display: none;
      }
  
      &:hover {
        color: var(--gin-color-primary-hover);
  
        background-color: var(--gin-bg-item-hover);
  
        background-size: 100% 7% !important;
      }
    }
  }