| .auth-btn { |
| transition: background-color .3s, box-shadow .3s; |
| |
| padding: 5px 8px; |
| border: none; |
| border-radius: 8px; |
| |
| color: #757575; |
| font-size: 14px; |
| font-weight: 500; |
| font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif; |
|
|
| &:hover { |
| box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.9), 0 2px 4px rgba(255, 255, 255, 0.7); |
| cursor: pointer; |
| } |
| |
| &:active { |
| background-color: #eeeeee; |
| } |
| |
| &:focus { |
| outline: none; |
| box-shadow: |
| 0 -1px 0 rgba(0, 0, 0, .04), |
| 0 2px 4px rgba(0, 0, 0, .25), |
| 0 0 0 3px #c8dafc; |
| } |
| |
| &:disabled { |
| filter: grayscale(100%); |
| background-color: #ebebeb; |
| box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25); |
| cursor: not-allowed; |
| } |
| } |
|
|
| .signout-container { |
| display: flex; |
| align-items: center; |
| gap: 10px; |
| } |
|
|
| |
| |
