transactiontokenswitcher.module.scss
1 //Hanse primary color 2 $primary-color: #012060; 3 4 .switchButtonContainer { 5 display: flex; 6 justify-content: center; 7 align-items: center; 8 margin-bottom: 20px; 9 margin-right: 200px; 10 } 11 12 .switchButton { 13 background-color: #f5f5f5; 14 color: $primary-color; 15 border: none; 16 width: auto; 17 padding: 10px 20px; 18 border-radius: 5px; 19 font-size: 16px; 20 cursor: pointer; 21 transition: background-color 0.3s; 22 23 &.active { 24 background-color: $primary-color; 25 color: #fff; 26 } 27 28 &:hover { 29 background-color: darken($primary-color, 10%); 30 color: #fff; 31 } 32 }