.universal-button-icon{color:var(--color-secondary);background-color:var(--color-primary);margin-left:10px;padding:6px;border-radius:50%;display:inline-flex;transition:all .8s ease}.universal-button:hover .universal-button-icon{background-color:#0e0e0e}.universal-button-icon svg{transition:all .8s ease;font-size:20px}.universal-button:hover .universal-button-icon svg{color:#ffffff}.universal-button{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;margin:15px;padding:7px 30px;text-align:center;font-weight:700;font-size:16px;color:var(--color-text);background:transparent;cursor:pointer;transition:.5s ease-out;border:2px solid var(--color-primary);border-radius:30px;box-shadow:inset 0 0 0 0 var(--color-primary);overflow:hidden;z-index:5}.universal-button a{color:inherit;transition:color .5s ease-out;text-decoration:none}.universal-button:active{transform:scale(.9)}.universal-button:hover{border:2px solid var(--color-bg)}.universal-button:hover,.universal-button:hover a{color:var(--color-secondary)}.universal-button-link{all:unset;display:flex;align-items:center;justify-content:center;text-decoration:none;color:currentColor;transition:all .3s ease-in-out;gap:10px}.universal-bubble-effect{position:absolute;width:0;height:0;background-color:var(--color-primary);border-radius:50%;transition:all .5s ease-in-out;z-index:-5;bottom:-100%;left:50%;transform:translate(-50%)}.universal-button:hover .universal-bubble-effect{height:400px;width:300px;transform:translate(-50%,50%)}.universal-button-link .spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--color-text);border-radius:50%;animation:spin .6s linear infinite;display:block}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:1024px){.universal-button{padding:6px 25px;font-size:14px}.universal-button-icon{padding:5px;margin-left:8px}.universal-button:hover .universal-bubble-effect{width:250px;height:350px}}@media screen and (max-width:768px){.universal-button{padding:5px 20px;font-size:13px}.universal-button-icon{padding:4px;margin-left:6px}.universal-button:hover .universal-bubble-effect{width:200px;height:300px}}@media screen and (max-width:480px){.universal-button{padding:5px 16px;font-size:12px;width:100%}.universal-button-icon{padding:3px;margin-left:5px}.universal-button:hover .universal-bubble-effect{width:180px;height:250px}}