@import '~styles/config';

.novaTvProfileBoxItem {
  @include reset-button;

  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: $gutter;
  width: 100%;
  &:not(:nth-child(2)){
    border-top: 1px solid $color-grey500;
  }

  cursor: pointer;

  .title {
    font-size: 18px;
    font-weight: bold;
  }

  .title,
  .subtitle {
    color: $color-white;
  }

  .titleContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .arrowContainer {
    fill: $color-pink;

    svg {
      transform: rotate(-90deg);
    }
  }
}