.okr-detail-date-cycle-wrapper {
  box-sizing: border-box;
  padding: 15px 20px 20px;
  width: 262px;
}

.okr-detail-date-cycle__date-line {
  padding: 12px 0;
  font-size: 12px;
  color: #89919f;
  line-height: 17px;
  text-align: left;
}

.okr-detail-date-cycle__date-line span {
  color: #3f4755;
}

.okr-detail-date-cycle__time .okr-detail-date-cycle__select-time-down-icon {
  margin-left: 12px;
  color: #BFC7D5;
}

.okr-detail-date-cycle__button {
  border: 1px solid #e6eaef;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  padding: 0 12px;
}

.okr-detail-date-cycle__button:hover {
  cursor: pointer;
  border: 1px solid #2879ff;
}
