.dot{animation:bgColorShift .5s infinite alternate;border-radius:100%;display:inline-block;height:8px;margin:0 3px;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.inverted .dot{animation:bgColorShiftInvert .5s infinite alternate}.dot.one{left:calc(50% - 20px)}.dot.two{animation-delay:.25s;left:50%}.dot.three{animation-delay:.5s;left:calc(50% + 20px)}button.btn-outline-primary:focus .dot,button.btn-outline-primary:hover .dot{animation:bgColorShiftInvert .5s infinite alternate}button.btn-outline-primary:focus .dot.two,button.btn-outline-primary:hover .dot.two{animation-delay:.25s}button.btn-outline-primary:focus .dot.three,button.btn-outline-primary:hover .dot.three{animation-delay:.5s}button.btn-outline-primary:focus .inverted .dot,button.btn-outline-primary:hover .inverted .dot{animation:bgColorShift .5s infinite alternate}button.btn-outline-primary:focus .inverted .dot.two,button.btn-outline-primary:hover .inverted .dot.two{animation-delay:.25s}button.btn-outline-primary:focus .inverted .dot.three,button.btn-outline-primary:hover .inverted .dot.three{animation-delay:.5s}@keyframes bgColorShift{0%{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}to{background-color:transparent}}@keyframes bgColorShiftInvert{0%{--tw-bg-opacity:1;background-color:rgb(110 55 255/var(--tw-bg-opacity))}to{background-color:transparent}}