.filters-button-group 
{
  display: flex;
  justify-content: flex-start;
  gap: 30px;

  margin-bottom: 30px;

  border-bottom: 1px solid #eee; 
}

.filters-button-group button 
{
  border: none;
  padding: 15px 5px 15px 5px; 
  margin: 0;
  background: none;
  cursor: pointer;
  transition: all 0.3s ease; 
  border-radius: 0;
  margin-bottom: -1px;

  border-bottom: 1px solid #eeeeee00;  

  font-family: var(--e-global-typography-40d709d-font-family), Sans-serif;
  font-size: var(--e-global-typography-40d709d-font-size);
  line-height: var(--e-global-typography-40d709d-line-height);
  font-weight: var(--e-global-typography-text-font-weight);
}

.filters-button-group button.is-checked,
.filters-button-group button:hover 
{
  border: none;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 600px)
{
  .filters-button-group 
  {
    gap: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}


/* CUSTOM GRILLE SERVICES */
.loop-custom-services .elementor-loop-container.elementor-grid
{
  display: block !important; 
  position: relative;  
}
.loop-custom-services .elementor-loop-container.elementor-grid .e-loop-item
{
  width: calc(33.3% - 20px); 
  margin-bottom: 30px !important;
}

@media screen and (max-width: 600px)
{
  .filters-button-group
  {
    padding-right: 100px;
  }
  .filters-button-group:after
  {
    content: "";
    height: 100%;
    width: 100px;
    position: absolute;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }
  .filters-button-group button.is-checked, .filters-button-group button:hover
  {
        border-bottom: 2px solid #000;
  }
  .loop-custom-services .elementor-loop-container.elementor-grid .e-loop-item
  {
    width: calc(50% - 20px); 
    margin-bottom: 20px !important;
  }
}