#arc-hello-world { }


/* buttons grid */

.arc-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}

.arc-button-block a {
  display: block;
}

.arc-button-list {

}

.arc-button-list a {
  display: inline-block;
  margin: 0.60rem 0;
}

.arc-button a {
  padding: 0.25rem 0.50rem;
  text-align: center;
  color: #FFC;
  background-color: #900;
  text-decoration: none;
  box-shadow: 0px 0px 0 3px #000;
  border-radius: 1.80rem;
  font-weight: bold;
  font-size: 1.10rem;
  background: #FF6767;
  background: linear-gradient(180deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
}

.arc-button a:hover {
  background: #FF6767;
  background: linear-gradient(0deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
}

@media screen and (max-width: 1250px) {
  .arc-buttons {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 820px) {
  .arc-buttons {
    grid-template-columns: 1fr;
  }
}