Apply padding to text in ::before admonition object

[Andre601]

I'm currently adding custom admonition and details for my API docs to mimic the general appearance of the OpenAPI documentation, but in Markdown files for MkDocs.

I'm currently encountering an issue where I would like to add the HTTP method (POST, GET, etc) as the ::before object of the admonition title, but struggle to get it display properly.
The main issue is that, no matter what I try to set in terms of padding/margin, it has no effect on the ::before object... At least not on the right side.

This is my current CSS setup:

.md-typeset .admonition.api-post,
.md-typeset details.api-post {
  border-color: rgb(0, 200, 83);
}

.md-typeset .api-post > .admonition-title,
.md-typeset .api-post > summary {
  background-color: rgba(0, 200, 83, 0.1);
}

.md-typeset .api-post > .admonition-title::before,
.md-typeset .api-post > summary::before {
  content: "POST";
  /* These are required to hide the default admonition icon. */
  -webkit-mask-image: none;
          mask-image: none;
  background-color: transparent;
}

Example Markdown:

!!! api-post "/post"
    Text

Result:

[Andre601]

I got a working solution... Not the most pretty or good IMO but it does what I wanted:

.md-typeset .admonition.api-post,
.md-typeset details.api-post {
  border-color: rgb(0, 200, 83);
}

.md-typeset .api-post > .admonition-title,
.md-typeset .api-post > summary {
  background-color: rgba(0, 200, 83, 0.1);
  padding-left: 4rem !important;
  font-size: .9rem;
}

.md-typeset .api-post > .admonition-title::before,
.md-typeset .api-post > summary::before {
  content: "POST";
  -webkit-mask-image: none;
          mask-image: none;
  background-color: transparent;
  top: auto;
}

Result: