Page 317 - MDP2022-3

position: absolute;
content: "";
width: 0%;
height: 0%;
border: 2px solid;
z-index: -1;
transition: all 0.3s ease;
}
.btn-4:before {
top: 0;
left: 0;
border-bottom-color: transparent;
border-right-color: transparent;
border-top-color: #000;
border-left-color: #000;
}
.btn-4:after{
bottom: 0;
right: 0;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: #000;
border-right-color: #000;
}
.btn-4:hover:before,
.btn-4:hover:after {
border-color: #000;
height: 100%;
width: 100%;
}

.btn-1{
backface-visibility: hidden;
position: relative;
cursor: pointer;
display: inline-block;
white-space: nowrap;
background: linear-gradient(180deg,#fea 0%,#dc8 49%,#a95 51%,#dc8 100%);
border-radius: 5px;
}

.btn-2{
background: linear-gradient(top, #a95, #f2f2f2 25%, #ffffff 38%, #c5c5c5 63%, #f7f7f7 87%,
#a95);
background: -webkit-linear-gradient(top, #a95, #fea 25%, #ffffff 38%, #dc8 63%, #fea 87%,
#a95);
}
.btn-10{
border-color: #D9A3A9;
background: linear-gradient(top, #DDA6AE, #FFE6E9 25%, #ffffff 38%, #FFE6E9 63%, #f7f7f7
87%, rgba(38, 38, 38, 0.8));
background: -webkit-linear-gradient(top, #DDA6AE, #FFE6E9 25%, #ffefef 38%, #D9A3A9
63%, #FFE6E9 87%, #DDA6AE);
}

a.css

* {
padding: 0;