@charset "utf-8";
/* CSS Document */

.hotarubi-download-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.hotarubi-download-card{
  position:relative;
  overflow:hidden;
  padding:14px;
  border-radius:24px;

  background:
    radial-gradient(circle at top right,rgba(255,221,126,.25),transparent 36%),
    linear-gradient(135deg,rgba(255,255,244,.86),rgba(239,235,190,.82));

  box-shadow:
    0 10px 30px rgba(130,145,82,.12),
    inset 0 0 0 1px rgba(255,255,255,.55);

  text-align:center;
  transition:.4s ease;
}

.hotarubi-download-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,247,168,.35),transparent 24%),
    radial-gradient(circle at 85% 85%,rgba(138,168,90,.22),transparent 28%);
  opacity:.55;
  pointer-events:none;
}

.hotarubi-download-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 16px 36px rgba(132,150,73,.20),
    0 0 22px rgba(255,215,95,.22);
}

.hotarubi-download-card img{
  position:relative;
  z-index:2;

  width:100%;
  height:118px;
  object-fit:cover;

  border-radius:18px;
  filter:brightness(.96) saturate(.85) sepia(.16);

  box-shadow:
    0 0 18px rgba(255,215,95,.22),
    0 8px 18px rgba(118,132,70,.16);
}

.hotarubi-download-card h2{
  position:relative;
  z-index:2;

  margin:18px 0 6px;

  font-family:'Imperial Script',cursive;
  font-size:38px;
  line-height:.8;
  font-weight:400;

  color:#5f7137;

  text-shadow:
    0 0 16px rgba(255,222,112,.55),
    0 0 26px rgba(132,174,95,.22);
}

.hotarubi-download-card h2::first-letter{
  color:#d8b25d;
}

.hotarubi-download-tag{
  position:relative;
  z-index:2;

  display:inline-block;
  margin-bottom:15px;
  padding:4px 11px;

  border-radius:20px;
  background:#fff9dc;

  color:#687045;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}

.hotarubi-download-tag i{
  color:#c99b3f;
  margin-right:5px;
}

.hotarubi-download-buttons{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.hotarubi-download-buttons a{
  height:32px;
  line-height:32px;

  border-radius:18px;

  background:
    linear-gradient(
      90deg,
      #d9b45f,
      #9fb96f
    );

  color:#fff9dc!important;
  text-decoration:none!important;

  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;

  transition:.35s ease;
}

.hotarubi-download-buttons a:hover{
  transform:translateY(-2px);
  box-shadow:
    0 0 16px rgba(255,215,95,.45);
}

.hotarubi-download-buttons i{
  margin-right:5px;
}

@media(max-width:700px){
  .hotarubi-download-grid{
    grid-template-columns:1fr;
  }
}