.button{cursor:pointer;color:var(--color-black);&:hover{color:var(--color-dark-gray)}}.token-button{font-size:16px;line-height:1;font-weight:500;border-radius:60px;cursor:pointer;color:var(--color-black);padding:10px 20px;&.eth{background-color:var(--color-teal);color:var(--color-black)}&.usdc{background-color:var(--color-blue);color:var(--color-white)}}.period-button{font-size:22px;line-height:1.1;cursor:pointer;font-weight:500;color:var(--color-dark-gray);&.active{color:var(--color-black)}}.black-button{font-size:16px;line-height:1;font-weight:500;border:none;border-radius:14px;cursor:pointer;color:var(--color-white);background-color:var(--color-black);padding:16px 40px;&:hover{background-color:var(--color-dark-gray)}&:disabled{background-color:var(--color-light-gray);color:var(--color-dark-gray);cursor:not-allowed}}.red-button{background-color:var(--color-light-red);font-size:16px;line-height:1;font-weight:500;border:none;border-radius:14px;cursor:pointer;color:var(--color-white);padding:16px 40px;&:hover{background-color:var(--color-dark-red)}&:disabled{background-color:var(--color-light-gray);color:var(--color-white);cursor:not-allowed}}.blue-button{font-size:16px;line-height:1;font-weight:500;border:none;border-radius:14px;cursor:pointer;color:var(--color-white);background-color:var(--color-blue);padding:16px 20px;&:hover{background-color:var(--color-violet)}&:disabled{background-color:var(--color-light-gray);color:var(--color-white);cursor:not-allowed}}.transparent-button{font-size:16px;line-height:1;font-weight:500;border:1px solid var(--color-black);border-radius:14px;cursor:pointer;&:hover{border:1px solid var(--color-dark-gray)}&:disabled{border:1px solid var(--color-light-gray);color:var(--color-light-gray);cursor:not-allowed}}.blue-transparent-button{font-size:16px;font-weight:500;border:1px solid var(--color-blue);color:var(--color-blue);border-radius:14px;cursor:pointer;&:hover{border:1px solid var(--color-violet);color:var(--color-violet)}&:disabled{border:1px solid var(--color-light-gray);color:var(--color-light-gray);cursor:not-allowed}}.apy-card{&.eth{background-color:var(--color-teal);color:var(--color-black)}&.usdc{background-color:var(--color-blue);color:var(--color-white)}}.rewards-card{background-color:var(--color-yellow);color:var(--color-black)}.tvl-card{background-color:var(--color-white);color:var(--color-black);& #tvl-card-title{color:var(--color-dark-gray)}}.balance-card{&.usdc{background-color:var(--color-teal)}&.eth,&.usdc{color:var(--color-black)}&.eth{background-color:var(--color-yellow)}}.agent-card{background-color:var(--color-white);max-width:554px;min-height:130px;border-radius:14px;padding:20px}.blue-link{color:var(--color-blue);cursor:pointer;&:hover{color:var(--color-violet)}}.vault-card{&.eth{border:2px solid var(--color-teal)}&.usdc{border:2px solid var(--color-blue)}}.underlined-link{text-decoration:underline;cursor:pointer;&:hover{color:var(--color-blue)}}.simple-link{cursor:pointer;&:hover{color:var(--color-blue)}}.card{border-radius:20px;background-color:var(--color-white);color:var(--color-black);padding:20px}.nav-link{color:var(--color-black);font-family:Geist,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:16px;&:hover{color:var(--color-blue)}}.active-tab{color:var(--color-blue)}.active-bubble-tab{background-color:var(--color-medium-gray);border-radius:20px;height:40px;width:auto;padding:10px 20px;text-align:center}