#roundedButton {
  width: 20px;
  height: 20px;
}

button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

button:focus {
  outline: 0;
}
  
.roundButton {
  background-color: #50d8d7;
  border-radius: 5px;
  height: 50px;
  width: 50px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.smallRoundButton {
  background-color: #50d8d7;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
  
.add:before{content: url("../image/button/add.svg")}
.update:before{content: url("../image/button/update.svg")}
.trash:before{content: url("../image/button/trash.svg")}
.rotate:before{content: url("../image/button/rotate.svg")}
.magnify:before{content: url("../image/button/magnify.svg")}
.chevron:before{content: url("../image/button/chevron.svg")}
.camera:before{content: url("../image/button/camera.svg")}
.camera-filled:before{content: url("../image/button/camera-filled.svg")}
.camera-flip:before{content: url("../image/button/camera-flip.svg")}
.back:before{content: url("../image/button/back.svg")}