developerFolio/src/components/button/Button.css at master · imdotdev/developerFolio

This repository was archived by the owner on Aug 17, 2026. It is now read-only.

45 lines (45 loc) · 877 Bytes

.main-button {
  background-color: #55198b;
  border: solid 1px #55198b;
  color: white;
  font-weight: 700;
  width: max-content;
  padding: 13px 22px;
  margin-right: 50px;
  text-transform: uppercase;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin-top: 20px;
  font-size: 16px;
  cursor: pointer;
  transition: all .3s ease-in-out 0s;
.main-button:hover {
  background-color: #ffffff;
  color: #55198b;
  transition: all .3s ease 0s;
  transform: translateY(-3px);
.project-button{
  display: flex;
  justify-content: center;
  margin-top: 20px;
.project-button > .main-button{
  margin-right: 0 !important;
/* Media Query */
@media (max-width: 768px) {
  .main-button {
    font-size: 15px;
    padding: 12px 18px;
    margin-right: 0px;
@media (max-width: 320px) {
  .main-button {
    font-size: 12px;

Navigation Menu

Uh oh!

Uh oh!

FilesExpand file tree

Button.css

Latest commit

History

Button.css

File metadata and controls