@charset "utf-8";


.toggleBox {width: calc(100% - 2rem); margin: 0 auto;}
  .togBtn {
    padding: 1rem;
    border: 1px solid #353535; border-radius: 12px;
    background: #FFF;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 8%);
    text-align: center;
    cursor: pointer;
  }
  .togBtn:hover {border: 1px solid var(--c-primary); color: var(--c-secondary);}
  
  .togContent {
    display: none;
    width: calc(100% - 2rem);
    margin: 0 auto; padding: 1rem;
    border-radius: 0 0 12px 12px;
    background-color: #FFF;
    overflow: auto;
    -ms-overflow-style: none; scrollbar-width: none;
  }

@media screen and (min-width: 1024px) {
  .togBoxes {gap: 1.5rem;}
  .togBox {width: 100%;}
  .togBtn {padding: 1.25rem 0;}
}