.footer {
      background-color: #4CAF50;
      color: #eee;
      padding: 20px;
      font-size: 12px;
      border-radius: 10px;
      max-width: 360px;
      margin: 10px auto 0;
      text-align: center;
    }

    .footer p {
      margin: 8px 0;
      line-height: 1.4;
    }

    .footer a {
      color: #eee;
      text-decoration: none;
    }

    .footer a:hover {
      text-decoration: underline;
    }

    .footer .copyright {
      font-size: 11px;
      color: #eee;
      margin-top: 15px;
    }
    
    /* Responsif untuk layar kecil */
    @media screen and (max-width: 378px) {
      .footer {
        font-size: 11px;
        max-width: 320px;
      }
    }
    @media screen and (max-width: 320px) {
      .footer {
        font-size: 9px;
        max-width: 260px;
      }
    }