/* Navbar buttons */
.nav-button {
    border-radius: 0% !important;
    padding: 13px 40px;
    border-radius: 10px;
    border: 0;
    background-color: #86A3C3;
    letter-spacing: 1.5px;
    font-size: 15px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: #7268A6 0px 8px 0px 0px;
    color: hsl(0, 0%, 100%);
    cursor: pointer;
}

.nav-button:hover {
    background-color: #86A3C3;
    box-shadow: #7268A6 0px 0px 0px 0px;
    transform: translateY(5px);
    transition: 200ms;
}

/* button:hover {
  box-shadow: #7268A6 0px 6px 0px 0px;
}

button:active {
  background-color: #86A3C3;
  box-shadow: #7268A6 0px 0px 0px 0px;
  transform: translateY(5px);
  transition: 200ms;
} */



/* Buttons */
.page-button {
    padding: 13px 40px;
    border-radius: 10px;
    border: 0;
    background-color: #7268A6;
    letter-spacing: 1.5px;
    font-size: 15px;
    transition: all 0.3s ease;
    box-shadow: #6B3074 0px 8px 0px 0px;
    color: hsl(0, 0%, 100%) !important;
    cursor: pointer;
}

.page-button:hover {
    background-color: #7268A6;
    box-shadow: #6B3074 0px 0px 0px 0px;
    transform: translateY(5px);
    transition: 200ms;
}