/* 
 * component.css
 * コンポーネントスタイル
 *
 * ⚫︎規則
 * 　margin等コンポーネント外部のレイアウトに影響するスタイル禁止
 */

/**************************************
 * ボタン
**************************************/

/* ボタン */
.c-btn {
  display: block;
  max-width: 380px;
  width: 51%;
  margin: 0 auto;
  filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.18));
  will-change: filter;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.l .c-btn {
  max-width: 540px;
  width: 100%;
}
.c-btn:hover {
  cursor: pointer;
  opacity: 0.6;
  transition: 0.3s all;
}