.record-button[data-v-cf7f8a98]{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 0 30px #ef444480;cursor:pointer;height:120px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:120px}@media(max-width:768px){.record-button[data-v-cf7f8a98]{height:150px;width:150px}}.record-button[data-v-cf7f8a98]:hover{box-shadow:0 0 40px #ef4444b3;transform:scale(1.05)}.record-button[data-v-cf7f8a98]:active{transform:scale(.9);transition:all .1s ease}.record-button.recording[data-v-cf7f8a98]{animation:pulse-cf7f8a98 1.2s ease-in-out infinite;box-shadow:0 0 50px #ef4444cc;transition:transform .05s ease}.record-button.paused[data-v-cf7f8a98]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 30px #f59e0b80}.rotating-border[data-v-cf7f8a98]{animation:rotate-border-cf7f8a98 3s linear infinite;background:conic-gradient(from 0deg,#5f27cd,#00d2ff,#5f27cd,#00d2ff,#5f27cd);border-radius:50%;inset:-6px;opacity:.8;position:absolute;z-index:-1}@keyframes pulse-cf7f8a98{0%,to{box-shadow:0 0 30px #ef444480}50%{box-shadow:0 0 60px #ef4444}}@keyframes rotate-border-cf7f8a98{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes particle-burst-cf7f8a98{0%{opacity:1;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(var(--particle-x,20px),var(--particle-y,-30px)) scale(1.5)}to{opacity:0;transform:translate(calc(var(--particle-x, 20px)*2),calc(var(--particle-y, -30px)*2)) scale(.2)}}.animate-particle[data-v-cf7f8a98]{--particle-x:calc(var(--random, .5)*40px - 20px);--particle-y:calc(var(--random, .5)*-60px - 20px)}.pointer-events-none[data-v-cf7f8a98]{backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}