.container {
  position: relative;
  z-index: 1;

  cursor: pointer;

  outline: none;
  border: none;

  margin: 0 auto;

  width: fit-content;

  background-color: var(--quinary);
  border-radius: 5px;
  padding: 0.75rem;

  font-family: var(--fontFamily);
  font-weight: 900;
  line-height: 23px;

  letter-spacing: 0.05em;
  text-transform: uppercase;

  transform: translateY(0);
  transition: background-color 0.3s ease-out, transform 0.3s ease-out;
}

.container:hover {
  background-color: var(--quaternary);
  transform: translateY(-15%);
}