.button-container { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; padding: 20px; } .line-button { display: flex; align-items: center; background-color: #4CAF50; color: white; text-decoration: none; padding: 12px 24px; border-radius: 50px; font-size: 24px; min-width: 280px; box-shadow: 0 4px 0 #388E3C; transition: transform 0.1s, box-shadow 0.1s; } .line-button:hover { transform: translateY(2px); box-shadow: 0 2px 0 #388E3C; } .line-button img { width: 24px; height: 24px; margin-right: 12px; } @media (max-width: 640px) { .button-container { flex-direction: column; align-items: center; } } 那覇店 名護店
那覇店