.one-click {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  position: sticky;
  top: 0px;
}

.one-click-item {
  display: flex;
  padding: 26px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  position: relative;
}

.one-click-item:first-child {
  border-radius: 32px 8px 0px 0;
}

.one-click-item:last-child {
  border-radius: 0 0 32px 8px;
}


.one-click-item:nth-child(4n+1) {
  background: rgba(243, 146, 0, 0.43);
}
.one-click-item:nth-child(4n+2) {
  background: var(--color-pink);
}
.one-click-item:nth-child(4n+3) {
  background: var(--color-green);
}
.one-click-item:nth-child(4n+4) {
  background: var(--color-green-kaki);
}

.one-click-item::after {
  display: block;
  content: '';
  min-width: 25px;
  width: 25px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  transition: all ease 0.3s;
}

.one-click-item:hover {
  text-decoration: none;
}

.one-click-item:hover::after {
  width: 30px;
  height: 30px;
}

.one-click-item:nth-child(4n+1)::after {
  background-image: url(../../images/one-click/arrow-1.svg);
}
.one-click-item:nth-child(4n+2)::after {
  background-image: url(../../images/one-click/arrow-2.svg);
}
.one-click-item:nth-child(4n+3)::after {
  background-image: url(../../images/one-click/arrow-3.svg);
}
.one-click-item:nth-child(4n+4)::after {
  background-image: url(../../images/one-click/arrow-4.svg);
}


.one-click-item__text {
  font-size: var(--content-size);
  font-weight: 700;
}

.one-click-item:nth-child(4n+1) .one-click-item__text  {
  color: #7C4C02;
}
.one-click-item:nth-child(4n+2) .one-click-item__text  {
  color: #8E2967;
}
.one-click-item:nth-child(4n+3) .one-click-item__text  {
  color: #29632E;
}
.one-click-item:nth-child(4n+4) .one-click-item__text {
  color: #374839;
}


@media all and (min-width:1200px) {
  .one-click-item {
    min-height: 140px;
    width: 100%;
  }
  .one-click-item::after {
    position: absolute;
    top: 25px;
    right: 25px;
  }
  .one-click-item__text {
    font-size: var(--heading-size-s);
    align-self: flex-end;
  }
}