RPG-RougeLiteBattler/Assets/Resources/UI/BattleSceneUI/BattleControlls.uss

.battle-button {
    min-width: 150px; /* Increased width */
    height: 45px;    /* Increased height */
    margin-left: 15px;
    margin-right: 15px;
    font-size: 18px; /* Slightly larger font */
    -unity-font-style: bold;
    background-color: rgb(60, 90, 180); /* A nice blue */
    color: white;
    border-left-width: 0px; /* Cleaner look without borders, relying on background and shadow */
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-radius: 8px; /* More rounded corners */
    transition-property: background-color, transform, box-shadow;
    transition-duration: 0.15s; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.battle-button:hover {
    background-color: rgb(80, 110, 200); /* Lighter blue on hover */
}

.battle-button:active {
    background-color: rgb(50, 80, 160); /* Darker blue when pressed */
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);  
}

.battle-button:disabled {
    background-color: rgb(120, 120, 120); /* Greyed out when disabled */
    color: rgb(180, 180, 180);
    box-shadow: none; /* No shadow when disabled */
}