テスト

@charset "UTF-8";

/* aタグのリセットCSS（不要な場合、セレクタごと削除してください） */

a {

  color: inherit;

  text-decoration: none;

}

/* buttonタグのリセットCSS（不要な場合、セレクタごと削除してください） */

button {

  padding: 0;

  font-family: inherit;

  appearance: none;

  cursor: pointer;

  background-color: transparent;

  border: none;

}

/* ボタンのスタイル */

.buttonBasic {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: 320px;

  height: 64px;

  padding: 8px 24px;

  font-family: sans-serif;

  font-size: 16px;

  color: #fff;

  text-align: center;

  overflow-wrap: anywhere;

  background-color: #6fa24a;

}

@media (any-hover: hover) {

  .buttonBasic {

    transition: background-color 0.2s;

  }

  .buttonBasic:hover {

    background-color: #54802f;

  }

}