1234567891011121314151617181920212223242526272829303132333435363738 |
- $whiteFilter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg)
- brightness(109%) contrast(109%);
- $darkFilter: invert(48%) sepia(3%) saturate(4%) hue-rotate(326deg)
- brightness(110%) contrast(78%);
- .orange-button {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 30px;
- padding: 0 25px;
- border-radius: 8px;
- background-color: rgb(254, 127, 1);
- transition: 0.2s;
- .icon {
- width: 20px;
- height: 20px;
- margin-right: 5px;
- }
- .text {
- color: black;
- }
- &:hover {
- cursor: pointer;
- .text {
- color: white;
- }
- .icon {
- filter: $whiteFilter;
- }
- }
- }
|