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