.ray-collapse-grid {
  box-sizing: border-box;

  & .collapse-icon {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color 0.3s var(--r-bezier);

    > .collapse-icon--arrow {
      margin-left: 0.5em;
      transition: color 0.3s var(--r-bezier), transform 0.3s var(--r-bezier);

      &.collapse-icon--arrow__expanded {
        transform: rotate(180deg);
      }
    }
  }
}