.practice {
  padding: 24px 15px;
  background-color: #f6f7f9;
}

.practice__items {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 30px;
}

.practice__link {
  text-decoration: none;
  color: #0b304d;
  transition: color 0.15s ease-in-out;
}

.practice__link:hover {
  color: #999999;
}

.practice__link:hover .btn {
  color: #ffffff;
  background-color: var(--color-secondary);
}

.practice__title {
  margin-bottom: 16px;
}

.practice__buttons {
  text-align: right;
}

@media (min-width: 768px) {
  .practice__items {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .practice__title {
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .practice__link {
    transition: none;
  }
}