.selectable_icon{
  width: 108px;
  height: 128px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
}

.selectable_icon mat-icon{
  font-size: 48px;
  width: 48px;
  height: 48px;
}

.selectable_icon p{
  width: 100%;
  text-align: center;
  margin: 0;
  overflow-wrap: anywhere;
}

.selectable_icon:hover{
  background: rgba(0, 0, 0, 0.12);
}

.selected_icon{
  width: 108px;
  height: 128px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(0, 92, 187, 0.12);
}

.selected_icon mat-icon{
  font-size: 48px;
  width: 48px;
  height: 48px;
}

.selected_icon p{
  width: 100%;
  text-align: center;
  margin: 0;
  overflow-wrap: anywhere;
}