@font-face {
  font-family: 'icons';
  src: url('./assets/icons.eot'); /* IE9 Compat Modes */
  src: url('./assets/icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/icons.woff') format('woff'), /* Pretty Modern Browsers */
       url('./assets/icons.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./assets/icons.svg#booth_font') format('svg'); /* Legacy iOS */
  font-display: swap;
}

img {
  border: none;
}

button.booth1,
button.booth2 {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 2px;
}

button.booth1 {
  color: #FFFFFF;
  background-color: #FF5C67;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}

button.booth2 {
  color: #FFFF88;
  background-color: #111111;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 300;
}

button.booth1 i::before,
button.booth2 i::before {
  font-family: "icons";
  content: "\E016";
  font-weight: 100;
  font-size: 1.35em;
  padding-right: 11px;
}