@import 'src/utils/scss/variables';

.backups-restore-settings {
  .list-item {
    .r-col {
      .stats {
        .c-1 {
          margin: 12px 0 0;
        }
      }
    }

    .actions {
      > div {
        font-weight: bolder;
        text-transform: uppercase;
        height: 38px;
    
        a, button {
          display: flex;
          justify-content: center;
          align-items: center;
          color: $textColor;
          padding: 10px 15px;
          text-decoration: none;
    
          &:hover {
            background: $whiteBackground;
            color: white;
    
            svg {
              color: white;
            }
          }
        }
    
        svg {
          color: $textColor;
        }
      }

      .link-restore {
        svg {
          color: white;
        }

        &:hover {
          color: $hoverButtonText;
          background-color: $primaryLight;
        }
        
        &:hover {
          color: $activeButtonText;
          background-color: $primaryActive;
        }
      }
    }
  }
}
