.button_br{--teal-600:teal;--black-700:#1f1f1f;--border_radius:9999px;--transtion:0.3s ease-in-out;--offset:2px;cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transform-origin:center;margin-top:12px;padding:.8rem 1.6rem;background-color:transparent;border:none;border-radius:var(--border_radius);transform:scale(calc(1 + (var(--active, 0) * .1)));transition:transform var(--transtion)}.button_br:before{box-shadow:inset 0 .5px #fff,inset 0 -1px 2px 0 #000,0 4px 10px -4px hsla(0 0% 0%/calc(1 - var(--active, 0))),0 0 0 calc(var(--active, 0) * .375rem) hsla(166,40%,50%/.75);transition:all var(--transtion);z-index:0}.button_br:after,.button_br:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:var(--teal-600);border-radius:var(--border_radius)}.button_br:after{background-image:radial-gradient(at 51% 89%,#4db39b 0,transparent 50%),radial-gradient(at 100% 100%,#4db39b 0,transparent 50%),radial-gradient(at 22% 91%,#4db39b 0,transparent 50%);background-position:top;opacity:var(--active,0);transition:opacity var(--transtion);z-index:2}.button_br:is(:hover,:focus-visible){--active:1;--black-700:var(--teal-600);font-weight:900}.button_br:active{transform:scale(1)}.button_br .dots_border_br{--size_border:calc(100% + 2px);overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--size_border);height:var(--size_border);background-color:transparent;border-radius:var(--border_radius);z-index:-10}.button_br .dots_border_br:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);transform-origin:left;transform:rotate(0deg);width:100%;height:2rem;background-color:#fff;mask:linear-gradient(transparent,#fff 120%);animation:rotate 2s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.button_br .sparkle_br{position:relative;z-index:10;width:1.75rem}.button_br .sparkle_br .path_br{fill:currentColor;stroke:currentColor;transform-origin:center;color:#fff}.button_br:is(:hover,:focus) .sparkle_br .path_br{animation:path 1.5s linear .5s infinite}.button_br .sparkle_br .path_br:first-child{--scale_path_1:1.2}.button_br .sparkle_br .path_br:nth-child(2){--scale_path_2:1.2}.button_br .sparkle_br .path_br:nth-child(3){--scale_path_3:1.2}@keyframes path{0%,34%,71%,to{transform:scale(1)}17%{transform:scale(var(--scale_path_1,1))}49%{transform:scale(var(--scale_path_2,1))}83%{transform:scale(var(--scale_path_3,1))}}.button_br .text_button_br{position:relative;z-index:10;background-image:linear-gradient(90deg,#fff 0,hsla(0 0% 100%/var(--active,0)) 120%);background-clip:text;font-size:1rem;color:transparent}