.c2s {
  margin: 0 auto;
}

.c2s-title, .cla-title {
  font-family: 'Exo 2', sans-serif;
  font-weight: 300;
}

.c2s-title {
  margin: 10px 0;
}

.success #c2s-mo, .c2s {
  background: #FFFFFF;
  width: 359px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px #797C8D26;
}

#c2s-mo .text, .c2s .text {
  font-size: 15px;
  font-weight: 400;
}

#c2s-mo .tracking, .c2s .tracking {
  padding: 18px 40px;
  width: 248px;
  margin: 0 auto;
  animation: changeBorderColor 2s infinite;
}

#c2s-mo .kw, #c2s-mo .sc, #c2s-mo .tc, .c2s .kw, .c2s .sc, .c2s .tc {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  display: inline-block;
  animation: changeColor 2s infinite;
}

#c2s-mo .na, .c2s .na {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

@media (max-width: 767px) {
  .c2s {
    background: unset;
    box-shadow: unset;
  }

  .c2s .tracking {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    padding: 10px 40px;
  }
}

@keyframes changeColor {
  0% {
    color: #7C00FF;
  }

  50% {
    color: #009dff;
  }

  100% {
    color: #7C00FF;
  }
}

@keyframes changeBorderColor {
  0% {
    border: 3px solid #7C00FF;
  }

  50% {
    border: 3px solid #009dff
  }

  100% {
    border: 3px solid #7C00FF;
  }
}