.brutalist-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;font-weight:700;color:#e5dede;background-color:#063525;border:2px solid #42c498;border-radius:100%;box-shadow:3px 3px 0 #000;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.brutalist-button:hover{height:90px;width:90px;background-color:#1a5c46;border-color:#030504;transform:translate(-4px,-4px);box-shadow:6px 6px 0 #000,10px 10px 15px rgba(64,164,122,.2)}.brutalist-button:hover .openai-icon{width:28px;height:28px;animation:spin 4s linear infinite}.openai-logo{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.openai-icon{width:40px;height:40px;transition:all .3s ease}.button-text{font-size:12px;text-align:center;margin-top:6px;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.brutalist-button:hover .button-text{opacity:1;max-height:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ul{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;list-style:none}.li{margin-bottom:10px}.button{background-color:transparent;font-family:myFont;color:rgb(255,255,255);border:none;font-size:20px;font-weight:700;cursor:pointer;transition:.1s;z-index:1;text-align:center;padding:5px}.button,.p{position:relative}.p{z-index:2}.button:hover{color:rgb(0,0,0)}.button:hover:before{transform:scaleX(1);width:100%;height:100%;top:0;border-radius:3px;background-color:#A6EB36}.button:before{content:"";border-radius:1px;position:absolute;width:0;height:100%;left:0;top:0;cursor:pointer;transform:scaleX(0);transition:transform .3s ease,width .3s ease;z-index:-1}