.portfolio-context {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 9400;
  display: inline-flex;
  width: max-content;
  max-width: calc(100vw - 32px);
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  font-family: "Bai Jamjuree", "Noto Sans Thai", Arial, sans-serif;
}

.portfolio-context,
.portfolio-context * {
  box-sizing: border-box;
}

.portfolio-back {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  white-space: nowrap;
  border-radius: 8px;
  padding: 0 13px;
  background: #bd93f9;
  color: #191a21;
  text-decoration: none;
  font-size: 0.84rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 24px rgb(189 147 249 / 0.3);
}

.portfolio-back:focus-visible {
  outline: 3px solid rgb(189 147 249 / 0.5);
  outline-offset: 3px;
}

@media (max-width: 680px) {
  .portfolio-context {
    left: 10px;
    bottom: 10px;
  }

  .portfolio-back {
    min-height: 42px;
  }
}