.section-button {
    --section-button-bg: #C8A291;
    --section-button-color: #FCFAFA;
    text-align: center;
    width: 100%;
    a {
      width: fit-content;
      box-sizing: border-box;
      padding-block: var(--space15);
      padding-inline: var(--space70);
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--section-button-bg);
      color: var(--section-button-color);
      font-size: var(--font20);
      font-weight: 400;
      letter-spacing: 0.05em;
      line-height: 1.5;
      border-radius: 50px;
      filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16));
      text-decoration: none;
      border: none;
      cursor: pointer;
      transition: opacity 0.25s ease;
      outline: none;
    }

    a:hover {
      opacity: 0.85;
    }

    a:focus-visible {
      outline: 3px solid var(--section-button-bg);
      outline-offset: 4px;
    }
  }