@reference "../../../app.css";.projects-action{isolation:isolate;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4;z-index:2;--button-radius: 8px;border-radius:var(--button-radius);overflow:hidden;padding:2rem;background-color:#00f}.projects-action:before{position:absolute;top:50%;left:50%;aspect-ratio:1/1;content:"";z-index:-2;background:var(--color-primary-500);border-radius:100%;width:4px;transform:translate(-50%,-50%);transition:all .2s linear}.projects-action:hover.projects-action:before{width:60%;transform:translate(-50%,-50%)}.projects-action:hover svg{animation-name:animate-action-icon;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:forwards}.projects-action:hover{color:var(--color-black)}.projects-action:active:before{width:100%;transform:translate(-50%,-50%)}@container studies (width <=32rem){.projects-action{padding:1rem}}@keyframes animate-action-icon{0%{transform:translate(0)}to{transform:translate(10%)}}@keyframes animate-mic{0%{background-color:var(--color-primary-600);color:var(--color-gray-900);transform:rotate(-25deg)}to{background-color:var(--color-primary-500);color:var(--color-gray-700);transform:rotate(25deg)}}.mic-button{display:flex;flex-direction:row;align-items:center;justify-content:center;width:64px;aspect-ratio:1/1;background-color:var(--color-primary-500);color:var(--primary-foreground);border-radius:100%;animation-name:animate-mic;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:forwards}