.btn {
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #4aa5f0;
  color: white;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  transition: all .3s; }
  .btn:hover {
    filter: brightness(0.85);
    text-decoration: none;
    color: white; }
  .btn:active {
    filter: brightness(0.8); }
  .btn svg {
    width: 20px;
    height: 20px; }
  .btn .icon-left {
    margin-right: 3px; }
  .btn .icon-right {
    margin-left: 3px; }
  .btn.disabled {
    background-color: lightgray; }
    .btn.disabled:hover {
      filter: none; }

.loader-container {
    display: flex;
    justify-content: center;
}

.loader {
  border: 3px solid lightgray;
  border-top: 2px solid rgb(74, 165, 240);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: loader_spin 1s linear infinite;
}

@keyframes loader_spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}