.tooltip-button {
  position: relative;
  width: 180px;
  padding: 7px 30px;
  border-radius: 20px;
  color: white;
  text-align: center; }

.tooltip-button:hover {
  filter: brightness(85%); }

.tooltip-button::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 10px #00bceb;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent; }

.tooltip-location {
  width: 100%;
  position: relative; }
  .tooltip-location .tooltip-location-showcase {
    position: absolute;
    bottom: 490px;
    left: 140px;
    z-index: 1; }
  .tooltip-location .tooltip-location-demo-1 {
    position: absolute;
    bottom: 340px;
    left: 790px;
    z-index: 1; }
  .tooltip-location .tooltip-location-demo-2 {
    position: absolute;
    bottom: 380px;
    left: 820px;
    z-index: 1; }
  .tooltip-location .tooltip-location-workshop {
    position: absolute;
    bottom: 250px;
    left: 660px;
    z-index: 1; }

.hide-image {
  opacity: 0;
  height: 0px; }

@media (max-width: 1200px) {
  .tooltip-location-showcase {
    bottom: 410px !important;
    left: 100px !important; }
  .tooltip-location-demo-1 {
    bottom: 280px !important;
    left: 630px !important; }
  .tooltip-location-demo-2 {
    bottom: 320px !important;
    left: 650px !important; }
  .tooltip-location-workshop {
    bottom: 210px !important;
    left: 530px !important; } }

@media (max-width: 992px) {
  .tooltip-location-showcase {
    bottom: 315px !important;
    left: 50px !important; }
  .tooltip-location-demo-1 {
    bottom: 220px !important;
    left: 470px !important; }
  .tooltip-location-demo-2 {
    bottom: 250px !important;
    left: 480px !important; }
  .tooltip-location-workshop {
    bottom: 150px !important;
    left: 370px !important; } }