Cacher is the code snippet organizer for pro developers

.owl-nav {
    margin-top: 0;

    button {
      margin: 0 !important;
      padding: 0 15px !important;
    }

    .owl-prev {
      width: 30px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: block !important;
      background-color: yellow !important;

      @media (min-width: 768px) {
        width: 50px;
      }

      svg {
        margin-left: 15px;
      }

      &:hover {
        background-color: transparent !important;
      }
    }

    .owl-next {
      width: 30px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      display: block !important;
      background-color: yellow !important;

      @media (min-width: 768px) {
        width: 50px;
      }

      svg {
        margin-right: 15px;
      }

      &:hover {
        background-color: transparent !important;
      }
    }
  }