@import url("https://fonts.googleapis.com/css2?family=Lemon&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");


:root {
  --pink: #de5083;
  --black: #101116;
  --white: #ffffff;
  --white-smoke: #f5f5f5;
  --very-light-gray: #f6f6f6;
  --background: #0b1118;
  --gray: #bebebe;
  --light-gray: #d9d9d9;
  --comment-box: #171b27;
  --comment: #555d68;
  --comment-date: #8a8a8a;
  --warning: #e22c2c;
  --yellow: #eee62f;
}
 /* MOVIES CATEGORIES */

.movies-category{
  padding: 0 2rem;
}

.movies-title {
  width: 90%;
  margin: 5% auto;
}

.movies-title h1 {
  color: var(--white);
  font-weight: 600;
}

.movies-ctg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  width: 90%;
  margin: 1.5rem auto;
}

.movies-ctg .btn {
  margin-top: 1rem;
  /* width: 100px; */
  /* height: 40px; */
  background: var(--light-gray);
  border-radius: 25px;
  /* -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px; */
  border: 3px solid var(--light-gray);
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: var(--black);
  cursor: pointer;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
}

.movies-ctg .btn:hover {
  border: 3px solid var(--pink);
  color: var(--pink);
}