.button-component{cursor:pointer;margin:.5em;padding:.375em .5em;width:fit-content;font-family:Times New Roman,Times,serif;font-size:1rem;display:flex;align-items:center;gap:.5em;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;border-radius:.5em;border:2px solid #496ba0;transition:all .5s}.button-component.no-reverse-style{background-color:#496ba0;color:#fff;box-shadow:0 0 3px gray}.button-component:not(.no-reverse-style):not(.active){background-color:#496ba0;color:#fff;box-shadow:0 0 3px gray}.button-component:not(.no-reverse-style):not(.active):hover{background-color:#fff;color:#00008b;box-shadow:none}.button-component:not(.no-reverse-style).active{background-color:#fff;color:#00008b;box-shadow:none}