.my-btn {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff !important;
    padding: 0.5rem 1.75rem;
    border-radius: 50px;
    border: none;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.3s ease;
    backdrop-filter: blur(10px);
}

/* Nút đăng nhập */
.main-btn {
    background: linear-gradient(90deg, #6dd5fa, #c579fb);
}

.main-btn:hover {
    cursor: pointer;
    background: linear-gradient(135deg, #9dd2fa 0%, #d57bfb 70%, #d57bfb 100%);
    background-position: right;
    backdrop-filter: blur(30px);
    box-shadow: 0px 10px 30px 0px rgba(213, 123, 251, 0.4);
}

/* Nút yêu thích */
.love-btn {
    background: red;
}

.love-btn:hover {
    /* content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3); */
}

/* Nút đề xuất */
.propose-btn {
    background: blue;
}

.propose-btn:hover {
    /* content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3); */
}

/* Nút đánh giá */
.evaluate-btn {
    background: green;
}

.evaluate-btn:hover {
    /* content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3); */
}

/* Nút secondary */
.secondary-btn {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    color: #333 !important;
    padding: 0.5rem 1.75rem;
    border-radius: 50px;
    border: none;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.3s ease;
    backdrop-filter: blur(10px);
    background-color: #eee;
}