:root {
  --rs-motion: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

.rs-hero__visual,
.rs-card,
.rs-showcase figure,
.rs-articles,
.rs-article,
.rs-form,
.rs-cookie {
  transition: transform var(--rs-motion), box-shadow var(--rs-motion);
}

.rs-hero__visual:hover,
.rs-card:hover,
.rs-showcase figure:hover,
.rs-article:hover,
.rs-form:hover {
  transform: translateY(-6px);
  box-shadow: 0 36px 86px rgba(15, 21, 36, 0.18);
}

.rs-btn,
.rs-articles__button {
  transition: transform var(--rs-motion), box-shadow var(--rs-motion), background var(--rs-motion), color var(--rs-motion);
}

.rs-btn:hover {
  box-shadow: 0 26px 60px rgba(0, 122, 255, 0.24);
}

.rs-articles__button:hover {
  box-shadow: 0 20px 46px rgba(0, 122, 255, 0.16);
}

.rs-cookie {
  transition: opacity var(--rs-motion), transform var(--rs-motion);
}

.rs-cookie[data-visible='false'] {
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
}

.rs-cookie[data-visible='true'] {
  opacity: 1;
  transform: translateY(0);
}