<!DOCTYPE html>
<body>
<style>
summary.withpadding::-webkit-details-marker {
    padding: 8px 16px 24px 32px;
    border-width: 8px 16px 24px 32px;
    border-style: solid;
    border-color: lime;
}

summary.nopadding::-webkit-details-marker {
    border: 8px solid lime;
    width: 48px;
    height: 24px;
}

details {
    font-size: 24px;
}
</style>
<div style="-webkit-writing-mode: horizontal-tb;">
<details><summary class="withpadding">Summary</summary></details>
</div>
<div style="-webkit-writing-mode: vertical-rl; -webkit-text-orientation: sideways;">
<details><summary class="withpadding">Summary</summary></details>
</div>

<div style="-webkit-writing-mode: horizontal-tb;">
<details><summary class="nopadding">Summary</summary></details>
</div>
<div style="-webkit-writing-mode: vertical-rl; -webkit-text-orientation: sideways;">
<details><summary class="nopadding">Summary</summary></details>
</div>
</body>

