as

     <!-- made by obsceny — a new era orignially • originally 2021-->
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}


<meta name="color:background" content="#ffffff" />
<meta name="color:texts" content="#ccc" />
<meta name="color:links" content="#ccc" />


<style type="text/css">


body {background:{color:background color}; font-size:10px; font-family:arial; text-align:justify; color:{color:texts}; transition: 0.5s ease-in-out ;}
.ak {text-align:center; margin-top:15px};
.aa {
    background:#ccc;
    color:{color:Links};
    transform-style:preserve-3d
    transition:0.5s;}

.agrvai {
    border:none;
    color:#000;
    padding:20px;
    margin 10px;
    font-size:15px;
    position:relative;
    box-sizing:border-box;
    cursor:pointer;
    transition:all 400ms ease;

}


.aa:after{
    background:#000;
    color:red
    top:-100%;
    left:0px;
    width:100%;
    padding:1px;
    position:absolute;
    box-sizing:border-box;
    content:'so p ver';
    transform-origin:left bottom;
    transform:rotatex (90deg);}

.aa:hover {
    transform-origin:center bottom;
    transform:rotatex (-90deg), translatey(100%);

}

</style>


</head>
    <body>
 <button type="button" style="agrvai aa">oi</button>
    </body>

</html>