.header-nav{
    cursor: pointer;
    transition: all ease-in-out 0.4s;
}
.header-nav:hover{
    color: #747474;
}

.header-button{
    cursor: pointer;
    transition: background-color ease-in-out 0.4s;
}
.header-button:hover{
    background-color: #0f172a;
}
.header-button:hover .header-button-color{
    color:#f1f5f9;
}


.css-megljx{
    cursor: pointer;
    transition: background-color ease-in-out 0.4s;
}
.css-megljx:hover{
    background-color: #353535 !important;
    color: #0f172a;
}
.css-megljx:hover .button-font-color{
    color:#fff !important;
}

.try-swap-btn {
    background: linear-gradient(90deg, rgba(44,149,248,1) 0%, rgba(50,189,251,1) 50%, rgba(56,228,254,1) 100%);
    transform: translateX(-50%);
    align-content: stretch;
    overflow: visible;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.try-swap-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1aa3e6;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}
.try-swap-btn-font{
    transition: color ease 0.4s;
}
.try-swap-btn:hover .try-swap-btn-font{
    color: #fff;
}
.try-swap-btn:hover::before {
    opacity: 1;
}

.css-pnksro{
    cursor: pointer;
    transition: all ease-in-out 0.4s;
}
.css-pnksro:hover {
    border-radius:  9999px;
    background-color: #353535 !important;
    color: #0f172a;
}

.footer-link{
    cursor: pointer;
}