.filter-system {
    position: fixed;
    width: 75%;
    height: 7vh;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1rem;
    background-color: #ffffff;
  }
  
  .filter-system span {
    margin: 0;
    padding: 0; 
    text-align: center;
    font-size: calc(var(--font-size) * 0.7);
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }
  
  .filter-system span:hover {
    opacity: 0.7 !important;
  }
  
  .filter-system span:last-child {
    text-align: right;
    padding-right: 2.5vw;
  }
  
  .filter-system span:first-child {
    text-align: left;
    padding-left: 0.2vw;
    opacity: 1;
  }