본문 바로가기

/* CSS 버튼 27 */ .button27 { display: inline-block; padding: 15px 10px 15px 0px; /* 버튼 여백 */ font-size: 20px; /* 버튼 글 크기 */ font-weight: 700; /* 버튼 글 굵기 */ color: #fff !important; /* 버튼 글색 */ background: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); /* 버튼 배경색 */ border: none; border-radius: 10px; /* 버튼 모서리 */ text-align: center; text-decoration: none !important; transition: width 0.3s ease, background-color 0.3s ease; overflow: hidden; white-space: nowrap; position: relative; width: 80%; /* 버튼 크기 */ } .button27:hover { background: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); /* 마우스오버 배경색 */ transform: scale(1.0); /* 버튼 확대 효과 */ width: 100%; /* 마우스오버 버튼 크기 */ } .arrow-right27 { position: absolute; bottom: 15px; /* 화살표 높이 */ animation: horizontal 0.7s ease-in-out infinite; } @keyframes horizontal { 0% { margin-left: 9px; } 50% { margin-left: 11px; } 100% { margin-left: 9px; } } /* CSS 버튼 27 끝 */