css loader with gradient

1.loader {
2  background:linear-gradient(yellow, #e90b5a);
3  /* Show only 10px from the border */
4  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#fff 0);
5          mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#fff 0);
6  width: 100px;
7  height: 100px;
8  border-radius: 50%;  
9  position: fixed;
10  top: calc(50% - 50px);
11  left: calc(50% - 50px);  
12  animation: rot 2s linear infinite; 
13}
14
15@keyframes rot {
16   100% { transform: rotate(360deg); }
17}
18
19body {
20  background:linear-gradient(to right,grey,white)
21}