.primary-slider {
  .my-button {    
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #FFFFFF;
    color: #141414;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .my-button:hover {    
    background: #1F59B0;
    border: 1px solid #1F59B0;
    color: #fff;
  }
}

.my-button {
  position: absolute;
  top: 20px;
  left: 16px;
  /* btn btn-transparent may include background, border, etc., assuming transparency */
  background-color: transparent; /* from btn-transparent */
  border: none; /* assuming no border for transparent button */
  font-size: 0.875rem; /* text-sm */
  width: fit-content !important; /* !w-fit */
  /* For md:w-full, media query for md breakpoint (usually 768px) */
  padding-left: 1rem; /* px-4 */
  padding-right: 1rem; /* px-4 */
}

@media (min-width: 768px) {
  .my-button {
    width: 100%; /* md:w-full */
  }
}