.waves-effect, a {
  -webkit-tap-highlight-color: transparent;
}

.divider-new, .text-fluid, h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

.waves-effect {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}

.howto-img {
}

.fitur-a {
  font-size: 90px;
  text-align: center;
  color: var(--ws-color);
  transition: color 0.4s;
  text-shadow: 1px 2px 4px rgba(0,16,17,0.2);
}

.separator-fitur {
  width: 100%;
  height: 1px;
  margin: 20px 0px;
  background: var(--ws-dark);
  transition: background-color 0.4s;
}

.kolom {
  padding: 25px;
  transition: background-color 0.4s;
}

.heading-fitur {
  font-size: 20px;
  color: var(--ws-dark);
  margin-bottom: 15px;
  transition: color 0.4s;
}

.paragraf-fitur {
  font-size: 16px;
  font-weight: 300;
  transition: color 0.4s;
}

.kolom:hover {
  background: var(--bs-gray-400);
}

.kolom:hover .paragraf-fitur, .kolom:hover .heading-fitur, .kolom:hover .fitur-a {
  color: var(--ws-white);
}

.kolom:hover .separator-fitur {
  background-color: var(--ws-white);
}

.affiliate-button::before {
  content: '';
  position: absolute;
  background: var(--ws-lighter);
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.4s;
  z-index: -1;
}

.affiliate-button:hover::before {
  background: linear-gradient(14deg, var(--ws-dark), rgb(59,95,211));
  top: 0;
  border-radius: 0;
}