@import "./theme/main";

.x-mapboxgl-marker {
  position: relative;
  width: 0px;
  height: 0px;

  &:before {
    content: " ";
    position: absolute;
    display: block;
    transform: rotate(45deg);
    top: -20px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 15px 15px 0 15px;
    background-color: #37A2B7C0;
    border: 2px solid white;
  }

  button {
    position: absolute;
    padding: 2px;
    line-height: 0;
    font-size: 10px;
    bottom: 3px;
    right: -6px;
    background: none;
    border: none;
  }
}