/******* Do not edit this file *******
Code Snippets Manager
Saved: Dec 03 2025 | 19:43:57 */
/* Scroll Horitzontal Mobile */
.scroll-x, .scroll-x-mobile, .scroll-x-img {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scroll-x::-webkit-scrollbar, .scroll-x-mobile::-webkit-scrollbar, .scroll-x-img::-webkit-scrollbar {
  display: none;
}
.backdrop {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
/* Button Border Animated */
:root {
  --bricks-color-5b84a3: var(--bricks-color-oymyzq);
}
.br-anim {
  border: 1px solid transparent;
  /* 2. El background */
  background: linear-gradient(#000, #000) padding-box, conic-gradient(from var(--angle), transparent 20%, var(--bricks-color-5b84a3) 50%, var(--bricks-color-5b84a3) 55%, transparent 60%) border-box;
  animation: rotate 3s linear infinite;
}
@keyframes rotate {
  to {
    --angle: 360deg;
  }
}
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.animated-button svg {
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.animated-button .arr-1 {
  right: 16px;
}
.animated-button .arr-2 {
  left: -25%;
}
.animated-button .text {
  transform: translateX(-12px);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.animated-button:hover .arr-1 {
  right: -25%;
}
.animated-button:hover .arr-2 {
  left: 16px;
}
.animated-button:hover .text {
  transform: translateX(12px);
}
.animated-button:active {
  scale: 0.9;
}