.c-um-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;

  >div:last-child {
    display: none;
  }
}

.c-um-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.c-um-password-reset {

}

.c-um-form-button {
  display: flex;
  flex-direction: column;
  gap: 16px;
}


/* カレンダー */
.c-um-picker {
  .picker {
    .picker__holder {
      .picker__frame {
        .picker__wrap {
          .picker__box {
            background-color: var(--color-bg-01);
            color: var(--color-text);

            .picker__header {
              background-color: var(--color-primary-01);

              .picker__month {
                font-weight: bold;
                color: #fff;
              }

              .picker__nav--prev,
              .picker__nav--next {
                &:hover {
                  background-color: transparent;
                  opacity: 0.7;
                }
              }
            }

            .picker__table {
              thead {
                tr {
                  .picker__weekday {
                    color: var(--color-text);
                  }
                }
              }

              tbody {
                tr {
                  td {
                    .picker__day:hover,
                    .picker__day.picker__day--highlighted {
                      color: #fff;
                      background-color: var(--color-primary-03);
                    }
                  }
                }
              }
            }

            .picker__footer {
              background-color: var(--color-primary-01);

              .picker__button--today,
              .picker__button--clear,
              .picker__button--close {
                color: #fff;
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .c-um-buttons {
    flex-direction: column;
  }
}