// .icon {
// 	cursor: pointer;
// 	&:hover {
// 		opacity: .5;
// 		// background-color: rgba(255, 255, 255, .25);
// 		transition: all .3s;
// 		// background: rgba(200, 200, 200, .45);
// 		// padding:30px;
// 		// border-radius: 50%;
// 	}
// 	&:active {
// 		opacity: 1;
// 		// background: rgba(255, 255, 255, .85);
// 		// background-color: rgba(255, 255, 255,1);
// 	}
// }

.icon {
  color: grey;
  &:hover {
    cursor: pointer;
    color: #0bb619;
  }
  &:active {
    color: #098411;
  }
}

.button {
  :global {
    .ant-btn-circle, .ant-btn-circle-outline { 
      border: 0px;
      background-color: transparent;
    }
    .ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active {      
      background-color: transparent;
    }
  }
}