.c-scroll-down{
  @include flex(space-between, center, $display: inline-flex);
  width: 100%;
  height: 85px;
  padding: 0;
  margin: 0;
  background-color: palette(primary);
  border: none;
  cursor: pointer;
}

.c-scroll-down__arrow-box {
  @include flex(center, center);
  width: 60px;
  height: 85px;
  background-color: palette(primary, 700);
}

.c-scroll-down__arrow {
  width: 13px;
  color: white;
  transform: translateY(0);
  transition: transform 0.3s;

  svg {
    width: 100%;
  }

  .c-scroll-down:hover & {
    transform: translateY(6px);
  }
}

.c-scroll-down__text {
  @include flex(center, center);
  width: calc(100% - 60px);
  @include font(mid-large, 28);
  color: white;
}