.Button {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 30px;
  border-radius: 5px;
  font-weight: 700;
  text-decoration: none;
  background-color: var(--clr-primary);
  color: #ffffff;
  cursor: pointer;
  transition: background-color 250ms ease-in-out;
}

.Button:hover,
  .Button:focus {
    background-color: var(--clr-secondary);
    color: #ffffff;
  }

.Button--left {
  margin-right: auto;
}

.Button--center {
  margin-right: auto;
  margin-left: auto;
}

.Button--right {
  margin-left: auto;
}