.block_make_submission a {
    background-color: #008080 !important; /* IIAIR Teal */
    color: #ffffff !important;
    padding: 15px 25px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px !important;
    text-transform: none;
    display: flex;             /* Use flex to align icon and text */
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Adding the Icon (Font Awesome) */
.block_make_submission a::before {
    content: "\f1d8";          /* This is the Paper Plane icon code */
    font-family: "FontAwesome"; /* Standard in OJS 3 */
    margin-right: 12px;        /* Space between icon and text */
    font-size: 22px;           /* Slightly larger than text */
    font-weight: 400;
}

/* Hover effect */
.block_make_submission a:hover {
    background-color: #006666 !important;
    transform: translateY(-2px); /* Slight lift effect */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Menghilangkan branding OJS di footer */
.pkp_brand_footer {
    display: none !important;
}