/* 본문 링크 스타일 지정 */
.tt_article_useless_p_margin a {
	font-size: 1em;
	color: #03c2c2;
	text-decoration: none;
}

.tt_article_useless_p_margin a:hover{
	color: rgb(238, 18, 153);
	font-weight: bold;
}

.tt_article_useless_p_margin a:active {
	position:relative;
	top:1px;
}

/* CSS 버튼 #1*/
.click-me {
  background-color: rgb(240, 36, 0);
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
  width: 80%; /* Set width to 80% */
  height: 80px; /* Adjust the height value as needed */
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4);
  border-radius: 30px; /* Adds roundness */
  font-size: 40px; /* Increases font size */
  line-height: 1.5; /* Adjust line height as needed */
  text-align: center; /* Centers the text horizontally */
  white-space: nowrap; /* Prevents the text from wrapping to multiple lines */
  overflow: hidden; /* Hides any overflowed text */
  display: block; /* Converts the button into a block-level element */
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}

.click-me:hover {
  background-color: rgb(235, 161, 65);
  transform: scale(1.1);
}

.click-me.most-likely-to-click {
  padding: 20px 30px; /* Increase padding to make the button bigger */
  font-size: 50px; /* Increase font size for the most likely to click button */
}

@media only screen and (max-width: 600px) {
  .click-me {
    font-size: 20px; /* Decreases font size for mobile devices */
    width: 90%; /* Set width to 90% */
    height: 60px; /* Adjust the height value as needed */ 
  }
}



서식 작성 HTML 모드에서 아래의 내용을 붙여넣기 하시고, 제목은 알아서 정하세요.

<p data-ke-size="size16">&nbsp;</p>
<p style="user-select: auto;" data-ke-size="size16"><a style="user-select: auto;" href="#"><button class="click-me" style="user-select: auto;">내용 작성</button></a></p>
<p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">&nbsp;</p>