.config-tile-container {
  align-content: stretch;
  align-items: center;
  background-color: #fff;
  border: 1px solid #eee;
  display: flex;
  flex: 0 1 31.5%;
  flex-basis: 25.5%;
  flex-direction: column;
  margin-bottom: 25px;
  overflow: hidden;
  cursor: pointer;
  color: var(--muidocs-palette-text-primary);
  border-radius: 7px;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  overflow: hidden;
  width: 310px;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
}

.config-tile-container:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px, rgba(0, 0, 0, 0.04) 0px 10px 10px;
  /*box-shadow:  0px -1px 4px 3px rgba(3,189,201,1);*/
  /*transition: box-shadow .2s ease-in-out;*/
}

.config-tile__name {
  color: #2a3546;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
  padding: 0px 4px;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}

.config-tile__icon-container {
  align-items: center;
  display: flex;
  height: 83px;
  justify-content: center;
  margin: auto 0;
  /*border: 1px solid #e0e0e0;*/
  /*border-radius: 50px;*/
  padding: 5px;
  width: 83px;
}

.config-tile__icon {
  height: 100%;
  width: 100%;
}

.config-tile__description {
  color: #95a5a6;
  font-size: 12px;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  padding: 0px 4px;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .config-tile-container {
    width: 99%;
    flex: 1 1 48%;
  }
}