.trigger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  margin: 38px auto 0 38px;
  color: #c4c4c4;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  &:hover {
    color: #000;
  }
}

.logo {
  width: 200px;
  height: 200px;
  margin: 38px auto 90px 38px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.modify {
  text-align: center;
  span {
    color: #c4c4c4;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
    &:hover {
      color: #000;
    }
  }
}

.c {
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
}

.h {
  position: relative;
  height: 90px;
  padding-left: 40px;
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: 90px;
  background: rgba(196, 196, 196, 0.2);
}

.close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #c4c4c4;
  font-size: 20px;
  border-radius: 100%;
  cursor: pointer;
  transition: background-color 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  &:hover {
    background-color: #fff;
  }
}

.cc {
  padding: 60px 20px 40px;
}

.submit {
  width: 128px;
  margin: 40px auto 0;
  button {
    width: 100%;
  }
}
