@layer components {
  /*
   * Icons
   */
  
  .icon-listen {
    color: var(--color-grey-300);
    font-size: 1rem;
    transition: 0.2s ease;
  
    &:hover {
      color: var(--color-grey-400);
    }
  }
  
  .unselected-bookmark {
    color: var(--color-grey-600);
    transition: 0.2s ease;
  
    &:hover {
      color: var(--color-grey-800);
    }
  }
  
  .selected-bookmark {
    color: var(--color-grey-800);
  }
}