.btn-orange {
    background-color: #FF9900; /* Amazon Orange */
    color: #FFF;            /* Amazon text color (dark gray/black) */
    border: 1px solid #FFAE42; /* A slightly lighter border color for depth */
    
    cursor: pointer;           /* Makes the cursor a hand icon on hover */
    text-align: center;        /* Centers the text */
    text-decoration: none;     /* Removes underline if using an <a> tag */
    display: inline-block;     /* Allows for margin/padding with <a> tags */
}

/* Hover effect: a slightly different shade to indicate interactivity */
.btn-orange:hover {
    background-color: #FFB84D; /* A lighter orange for hover state */
}

/* Active/Clicked state effect */
.btn-orange:active {
    background-color: #FF8F00; /* A darker orange when clicked */
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); /* Reverses the shadow for a "pressed" look */
}