.premium-button {
        padding: 10px 22px;
        margin: 10px;
        font-size: 16px;
        font-weight: 600;
        background-color: #fde9c9;
        color: #a05a00;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .premium-button:hover {
        background-color: #fcd8a8;
    }

    .edit-button {
        padding: 10px 22px;
        /* margin: 10px; */
        font-size: 16px;
        font-weight: 600;
        background-color: #d6ecff70;
        color: #1e5c92;
        border: none;
        border-radius: 6px;
        border: 2px solid  #d6ecff8a;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .edit-button:hover {
        background-color: #c1e0ff;
        color: navy;
    }

    .delete-button {
        padding: 10px 22px;
        /* margin: 10px; */
        font-size: 16px;
        font-weight: 600;
        background-color: #fddede79;
        color: #b52a2a;
        border: none;
        border-radius: 6px;
        border: 2px solid  #fddedea0;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .delete-button:hover {
        background-color: #f9c6c6;
        color: #7d1e1eff;
    }

    .custom-purple-btn {
        background-color: #8231D3;
        color: #fff;
        padding: 8px 20px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        display: inline-block;
        transition: background-color 0.3s ease;
    }

    .custom-purple-btn:hover {
        background-color: #6d25b4;
        text-decoration: none;
        color: #fff;
    }

    .grey{
        background-color: whitesmoke !important;
    }