@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;
} */

/* ボタンのスタイル */
/* .buttonUnderline {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 128px;
  padding: 0 48px;
  overflow: hidden;
  font-size: 30px;
  color: #222;
  text-align: center;
  overflow-wrap: anywhere;
  background: transparent;
}

.buttonUnderline::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4%;
  content: "";
  background-color: #6fa24a;
  transform: scaleX(0);
  transform-origin: right top;
} */

/* @media (any-hover: hover) {
  .buttonUnderline::after {
    transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .buttonUnderline:hover::after {
    transition: transform 0.4s cubic-bezier(0.9, 0, 0, 1);
    transform: scaleX(1);
    transform-origin: left top;
  }
}

h1 {
	font-size: 60px;
} */


body{
  margin:3rem;
}
a{
  font-size: 24px;
  position: relative;
  text-decoration: none;
  color: #1d1d1d;
  display: block;
  max-width: 240px;
  padding: 0.5rem;
  border-radius: 50px;
  border: 1px solid #1d1d1d;
  padding: 0.5rem 1rem;
  text-align: center;
  background-color: #fff;
  font-weight: bold;
  transition: transform .2s;
  &:active{
   transform: scale(.95);
  }
}