diff --git a/butten.css b/butten.css index cf41dab0..ac827553 100644 --- a/butten.css +++ b/butten.css @@ -3,7 +3,6 @@ a { background-color: transparent; border: 2px solid #1A1A1A; border-radius: 15px; - box-sizing: border-box; color: #3B3B3B; cursor: pointer; display: inline-block; diff --git a/paswor.text b/paswor.text index b68d446a..19ee3e99 100644 --- a/paswor.text +++ b/paswor.text @@ -84,4 +84,51 @@ input:hover, a:active { background-color: rgb(89, 252, 255); - } \ No newline at end of file + } + + + +/* CSS */ +.button-28 { + appearance: none; + background-color: transparent; + border: 2px solid #1A1A1A; + border-radius: 15px; + + color: #3B3B3B; + cursor: pointer; + display: inline-block; + font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 16px; + font-weight: 600; + line-height: normal; + margin: 0; + min-height: 60px; + min-width: 0; + outline: none; + padding: 16px 24px; + text-align: center; + text-decoration: none; + transition: all 300ms cubic-bezier(.23, 1, 0.32, 1); + user-select: none; + -webkit-user-select: none; + touch-action: manipulation; + width: 100%; + will-change: transform; +} + +.button-28:disabled { + pointer-events: none; +} + +.button-28:hover { + color: #fff; + background-color: #1A1A1A; + box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px; + transform: translateY(-2px); +} + +.button-28:active { + box-shadow: none; + transform: translateY(0); +} \ No newline at end of file