/**
 * Icons
 */
.rox {
	&-wpwl-icon {
		position: relative;
		display: inline-block;
		svg {
			position: relative;
			display: inline-block;
			width: 100%;
			height: 100%;
			fill: #000;
			transition: all 100ms linear;
		}
		&.icon {
			&-add-new-list {
				height: 17px;
			}
			&-heart {
				svg {
					fill: #ab1616;
				}
			}
			&-reload {
				svg {
					animation-name: spin;
					animation-duration: 4000ms;
					animation-iteration-count: infinite;
					animation-timing-function: linear;
				}
			}
		}
		&.no-animation svg{
			animation: none;
		}
	}
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}